HTML parancsok használata

Slides:



Advertisements
Hasonló előadás
BPS Web 2.0 Felhasználói kézikönyv. A szerkesztő főoldala A bejelentkezett felhasználóA szerkesztő főmenürendszere Stílusformázások Nyelv- és nézetváltás.
Advertisements

HTML nyelv Hiper-Text Markup Language 1. óra.
HTML nyelv.
Szövegszerkesztés Összefoglalás.
Microsoft Office XP Word
Weblap szerkesztés HTML oldal felépítése Nyitó tag Záró tag Nyitó tag Záró tag oldalfej tözs.
Bekezdésformázás Név: Szarvas Nóra 8/a Felkészítő tanár: Salamon Róza
PowerPoint 6. Évfolyam Formázások. Mentés A feladatot mentsük el a saját mappánkba „ppt_6_1_SajátNév” néven (ahol a SajátNév a saját nevünk helyesen leírva,
2. óra. Emlékeztető Hello Világ! Ez Makk Marci honlapja!
Amit a HTML-ről érdemes tudni
Honlap készítés Érdekességek.
HTML nyelv.
Leírónyelvek: HTML és XHTML
Készítette: Rummel Szabolcs
Dokumentum.
Hernyák Zoltán XML és HTML.
HTML elemek Linkek, táblázatok és képek Forrás, amelyből össze lett állítva a prezentáció szövege és képei:
Készítette: Nagy-Szakál Zoltán 2007.
A HTML alapjai Havlik Barnabás Készítette:
HTML (Hypertext Mark-Up Language). Jellemzői Szöveges alapú internetes oldalak nyelve A formázási műveleteket is szövegesen írja le Szöveget, képeket,
Vizuális és web programozás II.
Salamon Róza felkészítő tanár
HTML oldal felépítése Készítette: Pataki Arnold
Táblázatok beillesztése, formázása dokumentumokban
Dr. Pance Miklós – Kolcza Gábor Miskolci Egyetem
Szövegszerkesztés Páll Éva Boglárka.
1 Kedves Kolléga, kérlek, hogy PowerPoint előadásaidhoz ezt a file-t használd fel alapként! a bemutatóban már van néhány, általunk összeállított dia, melyeket.
Weblapok és készítésük
A <DIV> tag és formázás CSS-sel
DOKUMENTUMOK KÉSZÍTÉSE WORD 2007 SZÖVEGSZERKESZTŐVEL II. rész.
HTML nyelv.
Microsoft Word Oberhuber Balázs.
Feladatlap stílusokra
Hyper Text Markup Language
Hyper Text Markup Language
6. óra. Összefoglalás (egy feladaton keresztül) Betűtípus, betűszín, betűméret Háttérszín, alapértelmezett betűszín Címsorok Igazítás Kép, link, táblázat.
Honlap készítés 2. óra.
Érdekességek. Tudod-e? Mit jelent a „www”? A) Wild Windows Wave B) World Wide Web C) Wide World Web.
Honlap készítés 4. óra.
Honlap készítés 3. óra.
A szövegszerkesztés elmélete
Web-programozás Lénárt Anett egyetemi adjunktus - PTE PMMK Rendszer- és Szoftvertechnológia Tanszék 1. Előadás Tananyag: A WWW A HTML nyelv alapjai.
PowerPoint 7. Évfolyam Formázások. Mentés A feladatot mentsük el a saját mappánkba „7_2_ppt_SajátNév” néven (ahol a SajátNév a saját nevünk helyesen leírva,
SZÖVEGSZERKESZTÉSI ALAPISMERETEK Formázások összefoglalás
Készítette: Turócziné Kiscsatári Nóra
Az NVU webszerkesztő program
Html nyelv (HyperText Markup Language)
SZÖVEGSZERKESZTÉSI ALAPISMERETEK
Bekezdések formázása 1..
Prezentációk készítése
SZÖVEGSZERKESZTÉS III. ~ KARAKTERFORMÁZÁS ~
Szövegszerkesztés Összefoglalás.
Táblázatkezelés.
Az Apache+PHP+MySQL rendszer
Karakterek, bekezdések formázása
Számítógépes ismeretek
Weblapok és készítésük
Szövegszerkesztés összefoglalás.
Információ és kommunikáció
CSS Cascading Style Sheet HTML.
Számítógépes ismeretek
Magyar Angiológiai és Érsebészeti Társaság évi Kongresszusa
Formázási műveletek.
MS Office Word 2010 Szövegszerkesztés.
Html parancsok.
Szövegszerkesztés Összefoglalás.
Adatfeldolgozási ismeretek 15. ML osztály részére 2017.
Velünk élő középkor Forrás:
téma közlemény SmartArt-ábra piros hátterű képekkel (Haladó)
MS Office Word 2010 Szövegszerkesztés.
Előadás másolata:

HTML parancsok használata Szükséges: Jegyzettömb Egy böngésző

HTML oldal felépítése

TITLE

Szöveg megjelenítése

Sortörés Megjelenés:Egy sorban !!!!!!! Beírás: két sorban

<BR> nincs záró tag Sortörés:<BR>, nincs záró !

Szöveg formázása <B> félkövér <I> dőlt <U> aláhúzott

Formázás megszüntetése Új sor: nem dőlt, nem félkövér, nem aláhúzott

Igazitás: <p align> </p> center, left, rights Középre, jobbra, balra igazítás Eleje, vége

Szöveg formázása: <FONT FACE=”ARIEL”> </FONT> betűtípus <FONT SIZE=”1”> </FONT> betűméret <FONT COLOR=”#123456”> </FONT> hexadecimális színkód lehet egyben: <FONT FACE=”ARIEL” SIZE=”1” COLOR=”#123456” kék zöld piros

Az oldal hátterét befolyásoló: <BODY BGCOLOR=”#123456”> szín-háttér

Háttérnak kép beállítása, fontos: 1 Háttérnak kép beállítása, fontos: 1. A háttér file neveben ne legyen ékezet 2. A háttér kép es a Html egy mappában legyen (ellenkező esetben útvonalat kell adni)

Készítsünk egy második oldalt, mentsük el HTML2 Készítsünk egy második oldalt, mentsük el HTML2.html néven a háttér kép maradjon ugyanaz, a címsor legyen : X.Y. második oldala

Táblázat beszúrása: <table> <tr></tr> <td></td> </table

A táblázathoz keret

Táblázat alakítása: WIDTH, HEIGHT,BORDER (szélesség, magasság, keret) CELLPADDING CELLSPACING (cellák alakítása) ALIGN=” LEFT, RIGHTS, CENTER” (balra,jobbra,középre igazít) VALIGN=”TOP, CENTER, BOTTOM) (fentre, középre lentre igazít) TABLE BGCOLOR="#123456” háttér Táblázat alakítása:

Kép beszúrása fontos:<img src=„filenév. kiterjesztés"> 1 Kép beszúrása fontos:<img src=„filenév.kiterjesztés"> 1.A kép file nevében ne legyen ékezet 2. A es a Html egy mappában legyen (különben útvonalat kell megadni)

Felsorolás: <ul> számozás<ol>

Hiperlink: <a href=„HTML1 Hiperlink: <a href=„HTML1.html"> Vissza az első oldalamra </a>  <a href="http://www.hirek.hu">híroldal </a>

Hiperlink: cél meghatározása:target=”_blank” –új oldal Email:<a href="mailto:email cím">Írj nekem</a>

Önálló feladat: Készítsetek linket az első oldalatokról a másodikra is Szúrjátok be az első oldalatok végére a figyusz.gif képet A második oldalon a felsorolás színét állítsátok pirosra A számozás színét sárgára A képek és a segédlet letölthető : www.kozge.sulinet.hu/heppemma Vagy a helyi hálózat UTIL\hepp mappájából