A html-weboldal szerkezete (html-dokumentum)

másolat

2 2 1. Dokumentumszerkezet: Dokumentumelemek beállítása: .. a dokumentum egészének megjelölése; . a dokumentum címe; . a dokumentum külső fejlécének megjelölése; . a dokumentum teste; Ábra. 1. A szöveges tartalom internetes oldala. Ábra. 2. A weboldal HTML kódja a 2. ábrán látható. 1.

ha ($ ez-> show_pages_images $ page_num doc ['images_node_id']) // $ snip = Könyvtár :: get_smart_snippet ($ szöveg, DocShare_Docs :: CHARS_LIMIT_PAGE_IMAGE_TITLE); $ snips = Könyvtár :: get_text_chunks ($ szöveg, 4); ?>

4 4 ábra. 3. A szöveges tartalom internetes oldala. Ábra. 4. A weboldal HTML kódja a 3. ábrán látható. 3.

5 5 Az internetoldalon található listák létrehozásának algoritmusa (HTML-dokumentum) 1. Adja meg a teljes listát a szükséges tulajdonságok (attribútumok) kijelölésével. 2. Jelölje meg a lista egyes elemeit a kijelölt listán. A HTML-dokumentumok listáinak létrehozásához használt fő címkék: 1. Formázási listák: A felsorolt elemek paramétereinek beállítása:

. egy "bulleted" attribútummal ellátott listát jelöl: type = "." a marker típusát határozza meg: négyzet alakú négyzet (); Lemezjelző kör alakú (); Körjelölő kör alakban (); A számozott lista paramétereinek beállítása:

. numerikus listát jelöl az attribútumokkal: type = "." meghatározza a szám formátumát: 1 számozás arab számokkal; Latin betűkkel történő számozás; és a latin kisbetűk számozása; Számozom római számokkal; i számozás római kisbetűs; start = "." "megadja a kezdő szám (levél) számát. Bármely lista elemének megadása:

a listatípus megnevezése a listatípustól függetlenül. 2. További listamegjelölések: . a mappa tartalmának listája;

. a meghatározások jegyzékének kijelölése; . a menük listáját jelöli. 3. Képek használata listatagként:

. jelölje ki a külső képet listaelemként.

6 6 ábra. 5. A szöveges tartalmak internetes oldala listák használatával. Ábra. 6. A weboldal HTML kódja a 3. ábrán látható. 5. Többszintű listák végrehajtása (az allevelek végrehajtása független listák formájában történik), az egyik a listák egymásba ágyazását használja (a listák egésze számára a tagnevek szempontjából). Ábra. 7. A szöveges tartalom internetes oldala többszintű listák használatával. 8. A 3. ábrán látható internetes oldal HTML kódja. 7

7 Az asztalok létrehozásának algoritmusa az internetes oldalon (HTML-dokumentum) 1. Adja meg a táblázatot egészként a szükséges tulajdonságok (attribútumok) kijelölésével. 2. Adja meg a táblázat soraiban a kívánt tulajdonságok (attribútumok) megnevezését. 3. Adja meg a táblázat minden egyes sorában a megfelelő oszlopokat a kívánt tulajdonságok (attribútumok) kijelölésével. A HTML-dokumentumok táblázatos létrehozásához használt fő címkék: 1. Formázási táblázatok: Az egész tábla formázása:

egy attribútummal rendelkező tábla kijelölése. Táblázat sor formázása: . a táblázat címsorának címe attribútumokkal. . táblázat sor kijelölés attribútumokkal. Az oszlop formázása: . A táblázat fejlécsorának oszlopmegnevezése attribútumokkal. . oszlopmegjelölés egy attribútummal ellátott táblázat sorához. A táblázatban szereplő összetevők (az egész táblázat, a sor vagy a táblázat sorában szereplő oszlop) közös attribútumai: width = "." Az asztalösszetevő szélessége képpontokban vagy az ablak szélességének százalékában. height = "" Az asztalösszetevő magassága pixelben vagy az ablak magasságának százalékában. bgcolor = "" Az összetevő kitöltési színe. az alkatrész határ szélessége. A komponens határainak színe, cellpadding = "." Az érintett komponensen belüli sejthatároktól származó adatok bemenetének összege. cellspacing = "." a szomszédos sejtek határai közötti szabad terület mennyisége a vizsgált komponensen belül. align = "." Az adatok horizontális elhelyezése a cellákban (oszlop vagy sor) vagy a táblázat egészében: balra balra; központ a központban; jobbra jobbra; igazolja a szélességet. az adatok vertikális leképezésének típusa a cellákban (egy oszlop vagy sor esetén) vagy egy egész tábla esetében: felső sajtolás a cella tetejére; középen a cella közepén; alul nyomja a cella alsó széléhez; az alapvonal helyét az alapvonaltól. Egyéni attribútumok táblázatos cellák jelöléséhez: colspan = ". A sorokban kombinált cellák száma (az oszlopok száma). rowspan = "." "az oszlopban lévő cellák száma (sorok száma). nowrap törli a cellákon belüli szavak sorba helyezését.

8 8 ábra. 9. A szöveges tartalom weboldala egyszerű szerkezeti táblázattal (a cellák kombinálása nélkül). 10. A weboldal HTML-kódja a 3. ábrán látható. 9

9 9 ábra. 11. A szöveges tartalom internetes oldala egy összetett struktúrájú táblázattal (összeolvasztott cellákkal). 12. A weboldal HTML-kódja a 3. ábrán látható. 11

12 12 rádiós rádiógomb egyedi elemek csoportjának (egy körrel) végrehajtásához: név = a rádiógomb változó neve; méret = a rádiógomb mérete; ellenőrzés kiválasztva. kör helyzet; value = rádiógomb; ( 9600 bps bit / s); jelölje be négyzetet jelölőnégyzetből a többszörös választás végrehajtásához egy elemcsoportból (többszörös választás a jelölőnégyzetek beállításával): name = a négyzet változójának neve; méret = a négyzet nagysága; ellenőrzés kiválasztva. jelölje be a pozíciót; value = rádiógomb; ( Személyi számítógépek munkaállomások Internetes szerverek); küldje el az űrlapvezérlést az adatok elküldésére a kiszolgálóra (felirattal ellátott gomb): name = a gomb változó neve; value = a felirat a gombon; (); gombos űrlapvezérlés az internetes oldal formájú műveletek végrehajtásához (gomb a felirattal): name = a gomb változó neve; value = a felirat a gombon; onclick = műveletek végrehajtása a gomb megnyomásakor; (); reset Az összes bevitt adat visszaállítása az alapértelmezett értékekre (feliratú gomb); name = a gomb változó neve; value = a felirat a gombon; ( ); 3.