3. fejezet: a gyakori TAG-ek
Bekezdések
Gyakran fog bekezdéseket használni. A HTML-ben a tagolt, aránylag rövid szöveg a jó. A bekezdés nyitója a <p> (elem,cimke) TAG és a záró elem a </p>. A záró címkére egy bekezdésnél ugyan nincs szükség, de én ajánlom a használatát minden esetben a záró tagoknak (ahogyan ezt korábban már említettem).
Példa egy bekezdésre:
Marcsi elkezdi üldözni a csirkét körbe az udvaron. Megbotlik és berepül a szép nagy rózsabokorba!
<p>Marcsi elkezdi üldözni a csirkét körbe az udvaron. Megbotlik és berepül a szép nagy rózsabokorba! </p>
Szövegformázás
Ha formázott szöveg nélkül látnánk egy egész weblapot, ez meglehetősen unalmasnak tűnne. Ez az, hogy miért használunk szövegformázás-elemeket.
Néhány közös szövegformázás-elem:
<b> és </b> kövér,
<i> és <i/> dőlt betű,
<u> és <u/> aláhúzott
<sub> és </sub> alsó index
<sup> és </sup>felső index
Szövegformázás, font címkék
A <font face="Arial" size=n> és <font/> címkék jönnek.
FACE - a betűtípus neve
SIZE - mérete
n - a betűtípus méretszáma pontban, ami által megváltoztathatod az aktuális betűtípus méretét.
n - pozitív vagy negatív tud lenni: egy pozitív szám növelni fogja a betűméretet, és egy negatív szám csökkenteni fogja.
Példa a betűtípus címkékre
Fel-le mozog, ő egy frankó fickó nem?
<betűtípus size=+1>Józsi</font> <betűtípus size=+2>is</font> <betűtípus size=+3>egy</font> <betűtípus size+2>frankó</font> <betűtípus size=+1>fickó,</font><font face="Rockwell" size=+1>vagy nem /font><betűtípus size=-1>vazze?</font>
Józsi is egy frankó fickó, vagy nem vazze?
ALIGN igazítás vízszintesen
Sok elem támogat ALIGN sajátosságokat.
Ha azt akarja valamitől, hogy igazodjon a bal margóhoz, vagy középre ezt az ALIGN igazító paranccsal tehetjük meg. Az ALIGN sajátosságot az <align=....> a nyitó címkébe kell tenni.
Balra állít
<h1 align="left">Balra állít</h1>
Középre állít
<h1 align="center">Középre állít</h1>
Jobbra állít
<h1 align="right">Jobbra állít</h1>
Sorkizárt bekezdések : align="justify"
Bekezdésekkel (<div> TAG-al minden sor egy új bekezdés))
aasdsadsdsadsdsdsdsddddsdasdsadasdasdsadsadsadsadsadsadasdadadadsdsdasasdsads
dsadsdadaddaddadadadadadadadadadadadadadadadadadadadaadadadadadadadadad
adadadddadaddaadadddaddada.
Sortöréssel <br /> (lásd alább)
aaaaaasasssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssasasass
asassssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssasa
asssssssssssssssssssssssssssssssssssssssss.
CENTER elem
A középre címke nyitó és záró eleme közé újabb elemek kerülhetnek melyek az aktulális karaktersorra/sorokra irányulnak és minden középre igazodik egészen a </CENTER> TAG-ig!
A sortörés
Amikor a HTML dokumentumodat rendszerint megnézik, a szöveg egy szövegsor végén új bekezdést kezd. Ha azt akarod, hogy legyen a szöveg folytononos, ne legyem új bekezdés a BREAK <BR>kell használni . Ennek az elemnek szintén nincs záró címkéje!
Példa a sortörésre
Ítélj egyet. Ítélj kettőt. Ítélj hármat.
Ítélj egyet.<br />
Ítélj kettőt.<br />
Ítélj hármat.<br />
Ez lesz az eredmény:
Ítélj egyet.
Ítélj kettőt.
Ítélj hármat.
Elkészítjük az első saját HTML-oldalát
Ehhez nyissa meg a Jegyzettömböt.
Másolja be a vastagított kék színű kódrészeket!
<HTML>
<HEAD>
<TITLE>Ági honlapja</TITLE>
(nem fontos,hogy Áginak hívják: ez az un. Nick name; bármi lehetne!)
</HEAD>
<BODY>
<H1>Ez Ági honlapja</H1>
<br />
<hr>
<br/>
Írjon ide valamit magáról, ami jellemző Önre. Röviden, csak publikus adatokat: ennyi éves vagyok, szőke, pattanásos, fiú/leány, két testvérem van stb...
(De soha ne írje le a címét, pontos nevét, pontos telefonszámt - általában a fontos személyi adatokat kezelje valóban titkosan!)
<p>21 éves, barna zöld szemű leány vagyok.</p>
<p>Két testvérem van, egy fiú - Peti ő még gimibe jár és egy leány - Mari ő már férjnél van.</p>
<br />
<p>Én egy nagy áruházban dolgozom. Pénztáros vagyok.</p>
<p>Szabad időmben szertek olvasni és zenét hallgatni.</p>
</BODY>
</HTML>
A <p> TAG-ek után próbálgasson a betűtípuson és nagyságán változtatni!
Ezt így teheti meg:
<p><font face="Arial" size="+1" color="red">21 éves, barna zöld szemű leány vagyok.</font></p>
A color utasítással a fontok színét határozzuk meg. Legyegyszerűbben a színek angol megnevezésével.
blue = kék, brown = barna, darkviolet = sötét ibolya, green = zöld, maroon = vörösesbarna,
orange = narancs, pink = rózsaszín, purple = bíbor, red = vörös, teal = pávakék, black = fekete,
white = fehér, yellow = sárga, stb...
Néhány gyakori font név: Arial, Garamond, Courier New, Monotype Coursiva, Times New Roman,
Verdana, stb....
FELADAT: Használjon több betűtípust és próbálgassa, melyik lesz a kedvence, ami azért jól olvasható!
|