1 HTML utasítások összefoglalása A HTML program több részre tagolható (fejléc, törzs, megjegyzés), utasításai < > jelek közé kerülnek. Az egyes utasít...
HTML utasítások összefoglalása A HTML program több részre tagolható (fejléc, törzs, megjegyzés), utasításai < > jelek közé kerülnek. Az egyes utasításokra jellemző, hogy van egy nyitó és egy záró részük (utasítás zárójel, vagy tag), és a köztük lévőkre vonatkoznak (például a program kezdete , míg a vége utasítás). Maga a lap minden része egy objektum is egyben, amire hivatkozni lehet (például JavaScript utasításokkal, nevével, vagy az oldalon lévő helyével). További objektum típusok például a képek (image[0], image[1]...), linkek (links[0], links[1]...), űrlapok (forms[0]...), űrlapmezők (forms[0].elements[0], forms[0].elements[1]...). Ilyen alapon maga az oldal a "szülő", hivatkozás rá a document kulcsszóval történhet. Lapszerkezet: <meta ...> ... ... ... ...
A lap eleje. Fejlécinformációk: általános szerkesztői információk a documentumról és a webhelyről, fejlécben megjelenő szöveg, documentum kapcsolatok, weblap eredeti URL címe. A lap törzse Az egész lapra, információk helyezhetők el a body tag után: háttérkép neve és elérése (ha mögé írjuk a bgproperties="fixed" utasítást, a háttérkép fixen marad és csak a szöveg mozog az előtérben), háttérszín (pl:ccffff = világoskék, dbf9fd = világoszöld, szövegszín, linkek színe, megnézett link színe, kiválasztott link színe. Megjegyzés elhelyezése a programlistában (ez a képen nem jelenik meg), alkalmas Javascript utasítások elrejtésére. Lap vége.
Címsor elhelyezés középre (lehet még: left--balra, right-jobbra). Bekezdés igazítása. Hangsúlyos betűk. Dölt betűk. Erősen hangsúlyos betűk. 1. oldal
Készítette: SaNandor 2010., Veszprém Félkövér betűk. Nagyított kiírás. ... <small>... Kicsinyített kiirás. Alsó indexbe írás. <sub>... <sup>... Felső indexbe írás. ... Aláhúzott betűk. <strike>... Áthúzott betűk. Az alapméretnél nagyobb betűk (itt 1-gyel), melyek ... színe is megadható kóddal, vagy a szín nevével (a ... színinformáció el is hagyható). Csak a betűszín változik. ... ... Alapértelmezett betűméret megadása. ... Idézet. ... Forráskód. <samp>... Példa. ... Begépelt szöveg. ... Változó neve.
...
Szövegigazítás középre. ...
Egyéb szövegformázási lehetőségek: word-spacing="1" A betűtípus és méret szerinti szóközhöz hozzáad egyet (negatívnál csökkenti). letter-spacing="1" A betűtípus és méret szerinti betűtávolsághoz hozzáad egyet. text-decoration="none/underline/overline/line-through/blink" A szöveg díszítése: nincs/ aláhúzott/ felülhúzott/ áthúzott/ villogó, illetve ezek variációja. text-transform="capitalize/uppercase/lowercase/none" Aszöveg kis és nagybetűit alakítja: szó első betűje nagy/ minden betű nagy/ minden betű kicsi/ marad az eredeti. text-align="left/right/center/justify" Szövegigazítás balra/ jobbra/ középre/ sorkizártra. text-indent="1" Bekezdés első sorának behúzása. vertical-align="baseline/middline/sub/super/text-top/text-bottom/top/bottom" Függőleges igazítás (alap/ sorközéphez egyenlően fel és le/ alsó index/ felső index/ szöveg eleje a szülőével egybe esik/ alul esik egybe/ felfelé igazít/ lefelé igazít) (megadható egy szám is ami a távolság sormagasság százalékban az előzőtöl) Elhatárolók Bekezdésre tördelés (alapesetben a szöveg soronként
...
tördelve jelenik meg),
...
vagy bekezdésre törés elhelyezési információval. Sordobás az eddigi stílus megtartásával és üres sor beillesztés. Nem engedi a lap szélén megtörni a sort, gördítősávot <nobr>... jelenít meg. A szöveg újsor karakterei a hatásosak (szavankénti <wbr>... tördelés, word break). 2. oldal
Készítette: SaNandor 2010., Veszprém elhelyezése, hossza pixelben, vagy %-ban megadható).
Táblázatok Jól használhatók szövegek elhatárolására, hasábba rendezésre egy-egy oldalon belül. A táblázaton belül meghatározhatók az egyes cellák minimális szélességei, valamint egy-egy cellán belül elhelyezhetők új táblázatok is (beágyazás). Ez tág felhasználási lehetőséget ad a legkülönfélébb elhelyezési ötleteknek.
Híváshivatkozást helyezünk a weblapra, hogy például egy más alkalmazással keressen egy címen.
Beépített kép jelzése forrás és elérés megadásával, elhelyezéssel, kép szélességgel és magassággal, a kép környezetének szélesség és magasság adataival, keretszélességgel és linktérkép kapcsolattal. Hivatkozás definiálása a bezárt elemekre. Java applet és paramétereinek definiálása.
Keretek A részekre osztott weblap azon részeit, amelyek egyenként is meg tudnak jeleníteni weblapokat, keretnek nevezzük. (A webfelület több, egymástól független területre tagolása). Ezek segítségével elérhető, hogy az egyes "ablakokban" más és más weblapok legyenek megnyitva. A keretek egymásba ágyazhatók és saját nevükkel hivatkozhatunk rájuk. Az egyes ablakok között kapcsolatok létesíthetők, ami tág teret ad a weblap szerkesztőjének. Ha a weblapon kereteket alkalmazunk, az információ rendezetté és könnyen hozzáférhetővé válik. A webhelyek gyakran alkalmaznak kereteket az információ könnyebb elérése, illetve a többlapos webhely tartalmának megjelenítése érdekében. A keretek segítségével elkészíthetjük a webhely fejlécét anélkül, hogy minden egyes alkalommal, amikor a felhasználó lapot vált, újra meg kellene nyitni a fejlécet tartalmazó weblapot. Keret alkalmazásával a webhely különböző lapjain tett látogatás közben mindvégig a képernyőn maradó tartalomjegyzéket is készíthetünk. Rengeteg, különféle kivitelezésű keret létezik, és még ennél is több felhasználási mód.