utasítás cite jellemzőjével lehet megadni az idézet forrását

<pre>a szóközökkel, tabulátorokkal és Enterekkel előre formázott (predefinied) szöveg

A tartalom tagolása 3.

dokumentum-részlet (division), általános tárolóelem, amely lehetővé teszi a weblap egy részének logikai egységként történő kezelését

● az egyes div szakaszokat az id jellemzővel különböztetjük meg ● egyetlen blokkszintű elemet önmagában nem célszerű div-be helyezni, mert az id azonosítóval anélkül is önállóan formázhatóvá, kezelhetővé tehető <span>dokumentum egy szakasza (span), amely lehetővé teszi egy vagy több karakter egy egységként történő kezelését

címsorok csoportosítása

a webmester elérhetőségei

A tartalom tagolása 4. <iframe> : egy beágyazott keretben jelenít meg egy másik lapot vagy egy dokumentumot, néhány jellemzője: ●

height: magasság (%-ban vagy képpontban)

●

name: a keret neve

●

scrolling: a keret gördíthetősége (yes, no, auto)

●

src a keret forrásának webcíme

●

width: szélesség (%-ban vagy képpontban)

A tartalom tagolása 5.

a weblap fejléce

<article>cikk, idézet egy külső írásból , speciális jellemzők: ● cite: az idézet webcíme ● pubdate: az írás legelső publikálásának a dátuma <section> a weblap egy része

A weblap törzsének általános szerkezete

Szöveg jelentése rövidítés (abbreviation) szöveg ● a szövegirány lehet: rtl (right to left, 'jobbról balra') vagy ltr (left to right, 'balról jobbra') <del cite="URL" datetime="éééé/hh/nn”> törölt szöveg ● az URL annak a dokumentumnak a webcíme, ami miatt a törlés történt ● a datetime jellemző értéke: a törlés pontos dátuma szöveg

Karakterformázás <small>az előtte és mögötte lévőknél kisebb (small) méretű karakterek ●<strong> erősen kiemelt karakterek ●

●

általában félkövér karakterként jelennek meg

<em> kiemelt karakterek

●

●

általában dőlt karakterként jelennek meg

<sup>felső index-beli szöveg (superscript) ●<sub>alsó index-beli szöveg (subscript) ●

Különleges karakterek Számkód: &#szám; Névkód: &név; néhány különleges karakter kódjai: karakter © ® °

számkód © ® °

névkód © ® °

±

±

&plusm;

<

<

<

>

>

>

Felsorolások, listák 1. Felsorolás (rendezetlen lista, unordered list)

• első elem
• második elem
• harmadik elem

Számozás (rendezett lista, ordered list)

1. első elem
2. második elem
3. harmadik elem

● start=”mennyiről indul a számozás” (alapértelmezés: 1) ●

...

Felsorolások, listák 2. Meghatározás (definíciós lista)

első fogalom

első fogalom magyarázata (definiton description)

második fogalom

második fogalom magyarázata

harmadik fogalom

harmadik fogalom magyarázata

Menü:

<menu label="ez a menü címkéje">

egyszerű (alapértelmezés szerinti) menüelem

tartalom típusú menüelem

eszköztár típusú menüelem

lista típusú menüelem (alapértelmezés)

Hiperhivatkozások, linkek Cél: kapcsolat megteremtése két dokumentum vagy két dokumentumrész között ●Általános alakja: szöveg ●

●

a webcím lehet relatív vagy abszolút ●

●

● ●

●

a relatív dokumentumot tartalmazó gépen levő fájlra, az abszolút pedig tetszőleges másik gépen levő fájlra hivatkozik

a címkét előzőleg az id jellemző értékeként az adott helyen meg kell adni ha nincs címke, a hivatkozás a céldokumentum elejére mutat ha a webcímben csak domain név van (tehát a honlapra mutat), az oldal gyorsabban betöltődik, ha a domain név végére egy / jelet teszünk ha a webcím helyén a mailto:egy e-mail cím van, akkor a linkre kattintáskor elindul az alapértelmezett levelezőprogram, a címzett mezőben a beállított e-mail címmel ● ha az e-mail cím után (szóköz nélkül) a ?subject=szöveg van, akkor a levél beállított tárgya a szöveg lesz ● az e-mailcím-gyűjtő spam robotok miatt célszerű a tényleges email cím karaktereit speciális karakterként szám- vagy névkóddal megadni

Alap URL az egész oldal számára ●

●

meghatározza az egész oldalon belüli linkek, képek és egyebek alapvető URL-jét (webcímét)

●

a weblap fejrészében kell elhelyezni

●

kötelezően megadandó jellemzők: –

href: a webcím

–

target, amelynek lehetséges értékei: _blank (új ablak vagy fül), _parent (szülő-dokumentum), _self (az eredeti ablak, ez az alapértelmezés), _top (az ablak teteje)

Képek Kép elhelyezésének általános alakja:

– URL: a képfájl elérési útvonala ● a kép csak jpg, gif vagy png formátumú lehet – leírás: az a szöveg, ami akkor jelenik meg a kép helyén, ha a kép nem jelenik meg ● ha alt=”” módon adjuk meg (a két idézőjel közé semmi!), azt jelezzük, hogy a kép nem a weblap tartalmának szerves része – magyarázat: az a szöveg, amelyik egy téglalapban jelenik meg, ha a kép fölé visszük az egérkurzort (nem kötelező megadni) – a szélesség és magasság megadása nem kötelező, de célszerű (sok képet tartalmazó weblap szerkezete azonnal megjelenik) ● célszerű, ha a méretek a kép valódi méretével egyeznek meg – egy kép lehet egy lista eleme vagy egy táblázatcella tartalma is

több médiaelem (kép, diagram stb.) csoportosan kezelve

Képlink, image map ●

Képlink: olyan kép, amely teljes egészében egy hivatkozás ●

●

Megadásának általános alakja:

Image map (kép alakú térkép): olyan kép, amelynek egyes részei máshova mutató hivatkozások ●

megadásának általános alakja: <map name="név"> <area ...> …

Image map <area>: aktív (kattintásra érzékeny) terület megadása a térképen belül, legfontosabb jellemzői: ●

●

shape: az aktív terület alakja (értékei lehetnek: rect vagy rectangle: téglalap circ vagy circle: kör poly vagy polygon: sokszög coords: az aktív terület adatai (egymástól vesszővel elválasztott számok): téglalapnál: bal felső csúcs x koordinátája, bal felső csúcs y koordinátája, jobb alsó csúcs x koordinátája, jobb alsó csúcs y koordinátája körnél: középpont x koordinátája, középpont y koordinátája, sugár sokszögnél: 1. csúcs x koordinátája, 1. csúcs y koordinátája, 2. csúcs x koordinátája, 2, csúcs y koordinátája, … ●

a koordináták kiindulópontja (az origó) a kép bal felső sarka, innen jobbra az x, lefelé pedig az y koordináták növekszenek

Táblázatok 1. ●

A táblázat elhelyezésének általános alakja:

a táblázat neve, címe

1. sor 1. cella tartalma	1. sor 2. cella tartalma
2. sor 1. cella tartalma	2. sor 2. cella tartalma

Táblázatok 2. ●

Az első sor vagy az első oszlop celláit úgy lehet kiemeltté alakítani, hogy a sorok első celláinál a ... elem helyére a ... elemet tesszük ●

A ... esetén balra, a ... esetén középre van a cella tartalma igazítva, hacsak mást nem állítunk be

Táblázatok 3. ●

Oszlopok ill. sorok átívelése (egyesítése) a ... és a ... elemek következő paramétereivel lehetséges: ●

●

rowspan: az adott cella ennyi sor magas lesz. (cellák egyesítése, átívelése függőlegesen) colspan: az adott cella ennyi oszlop széles lesz (cellák egyesítése, átívelése vízszintesen)

Nagyméretű táblázatok ●

táblázatfej ●

●

táblázattörzs ●

●

●

egy táblázatban csak egy lehet egy táblázatban több is lehet nyomtatásnál minden oldal tetején a táblázatfej és az oldal alján a táblázat lábléce lesz

táblázat lábléce ●

egy táblázatban csak egy lehet

●

lehet benne egyszerű szöveg vagy táblázatsor

Beágyazott tartalmak 1. hang beszúrása, lejátszása: , néhány fontos jellemzője és azok értékei: autoplay="autoplay": a böngésző a lap betöltése után azonnal lejátssza az audio tartalmat ● controls="controls": a lejátszást vezérlő gombok megjelenítése ● preload="preload": az oldal betöltése alatt az audiotartalom letöltése ● ha van autoplay jellemző, hatástalan ● src="a hangfájl elérési útvonala": a lejátszandó fájl ●

Beágyazott tartalmak 2. video beszúrása, megjelenítése, lejátszása: , néhány fontos jellemzője és azok értékei:

autoplay="autoplay": automatikus lejátszás ● loop="loop": folyamatos lejátszás ● height="pixelszám": a videóablak magassága ● width="pixelszám": a videóablak szélessége ● src="elérési útvonal": a videofájl elérési útvonala ● preload="preload": a video az ablakkal együtt betöltődik ● hatástalan, ha van autoplay jellemző ● controls="controls": a vezérlőgombok megjelenítése ●

Beágyazott tartalmak 3. audio vagy video forrása (az audio vagy video elem tartalmában): <source>, néhány fontos jellemzője és azok értékei ●

●

●

src="elérési útvonal": a forrásfájl elérési útvonala media="eszköz vagy média": megadja, hogy mire van optimalizálva a tartalom (alapértelmezés: all) type="típusnév": az audio vagy videofájl típusa

Beágyazott tartalmak 4. beágyazott objektum (kép, hang, flashprogram, java-program, pdf dokumentum stb.):