bejáratEgy szoftvereszköz, amely felismeri a html nyelvi leírókat. Alapvető leírók és HTML szintaxisuk
HTML- a dokumentum hipertext jelölésének nyelve. Ezzel szövegeket írhat más oldalakra mutató hivatkozásokkal, táblázatokat, listákat hozhat létre, képeket tartalmazhat és még sok mást. Ezt a nyelvet használják weboldalak írásához.
»Html kezdőknek
» Kezdőlap
»Html kezdőknek
A html nyelv alapvető címkéi (leírói).
A klasszikus HTML oktatóanyagok hagyományait követve a legegyszerűbb hipertext dokumentumot kínáljuk.
Itt van az első szintű címsor
Üdvözöljük az Interneten!
Első és utolsó bekezdés.
Ebben a példában a következő hipertext kifejezéseket (úgynevezett címkéket) használtuk:
A dokumentum neve
Ez nem szabály, de még csak nem is törvény, ez tény:
Minden HTML dokumentumnak van címe.
A HTML-dokumentum neve alapján más böngészők találhatnak információkat. A cím helye mindig meg van határozva – a képernyő tetején található, külön a dokumentum tartalmától. A név maximális hossza 40 karakter.
Formázás
A formázás lehet közvetlen vagy mérvadó. Ha használja a címkét
A következő címkék a közvetlen formázás velejárói:
Bekezdés.
- vízszintes vonal.
Sortörés.
Címsorok és alcímek
A HTML lehetővé teszi, hogy hat szintű címsorral dolgozzon. Az első címsor a legfontosabb. Különös figyelmet fordítanak rá. A többi címsor formázható, például vastag vagy nagybetűvel.
A HTML-ben az első címsor jelölése:
:
Az N a címsor szintjére utal, vagyis az 1, 2, 3, 4, 5 vagy 6 számokra.
A HTML-ben az első címsor megegyezhet a dokumentum címével.
A listák számozatlanokra vannak felosztva:
számozott:
leírásokkal:
és beágyazott:
Szöveg kiválasztása
A HTML-dokumentumban lévő szöveg a következő módok egyikén jelölhető ki:
- idézet
- meghatározás
- logikai akcentus
- billentyűzet bemenet
- számítógépes üzenetek
- erős akcentussal
- változók
Egy nagy bekezdés
A HTML-ben a sortörések nem fontosak. Ez azt jelenti, hogy a dokumentum sorait bárhol feloszthatja. Ez annak a ténynek köszönhető, hogy egy hipertext dokumentumban az egymást követő szóközök eggyé alakulnak. De! Ha a szóköz a címke után történik
Aztán figyelembe veszik. Ha bármilyen címke
A HTML lehetővé teszi szövegek vagy képek más hipertext dokumentumokhoz való hivatkozását. A szöveget általában kiemelik vagy aláhúzzák.
Ehhez használja a címkét ... Ne feledje, hogy az A betű után szóköznek kell lennie.
¦ típus ¦ írja be: HREF = ”fájlnév”> ¦ típusú címkét Itt a Bob szó a BobAnapa.html dokumentumra utal, hipertext hivatkozást képezve. Ha meg akarja adni a teljes képzésű fájlnevet, akkor UNIX szintaxist kell használnia. protokoll: // hostport / elérési út Szöveg előzetes formázása Címke Egyszóközű szöveget hoz létre.
Használja ezt a címkét a programok listájának stílusozásához.
Bővített idézetek
Címke
lehetővé teszi egy idézet beépítését egy magányos tárgyba.Címke
lehetővé teszi, hogy információkat generáljon a HTML dokumentum szerzőjéről.Vonalelőtolás kényszerítése
Címke
csak egy sort fordít le, vagyis nincs több szóköz.Vízszintes elválasztók
Címke
vízszintes vonalat képez az ablak teljes szélességében.Beágyazott képek
Képeket ágyazhat be a dokumentumba. A szövegközi kép szintaxisa a következő:
Itt az image_URL egy képfájlra mutató mutató, amelynek szintaxisa megegyezik egy HTML hivatkozás szintaxisával.
Általánosságban elmondható, hogy a leírók olyan objektumok attribútumai, amelyekhez a megfelelő viselkedés definiálva van. Amikor hozzáfér, megkapja, beállítja vagy eltávolítja a megadott attribútumokat a szótárból. Egyszerűen fogalmazva, ezek speciális kulcsszavak, amelyek meghatározzák egy objektum viselkedését, tulajdonságait vagy szerkezetét. A cikk a leírók több lehetőségét is megvizsgálja. Ez lehetővé teszi, hogy pontosabban megértse azok lényegét és célját.
HTML
A statikus weboldalak létrehozására használt hipertext jelölőnyelvben a leírók nem mások, mint címkék. Ebben a környezetben címkeként működnek, aminek köszönhetően a közöttük elhelyezett szöveg meghatározott módon jelenik meg. Így kialakul az oldalon lévő elemek kialakítása és elrendezése.
Általában a nyelv sajátosságai határozzák meg a nyitó és a záró leíró jelenlétét. A kettő között minden változhat.
A leírónak lehetnek attribútumai, azaz bizonyos tulajdonságai. A szintaxisuk így néz ki: attribútum neve = értéke.
Egy általános logikát követve a HTML-ben a leírók az objektumok azonosító címkéi. Segítségükkel szabályozhatja a megjelenést, interakcióba léphet az oldallal, és speciális értékeket rendelhet hozzá.
X86 architektúra
A processzorokban a leírók egy speciális szerkezet, amellyel különféle ágakat készítenek. A szerkezete így néz ki:
- Elfogultság. Eltolja a kódeljárást.
- Választó. Egyfajta címkét tükröz, ahol az eljárásnak haladnia kell.
- A paraméterek száma.
- Hozzáférési jogok.
Jáva
A Java EE rendelkezik a telepítési leíró fogalmával. Meghatározza, hogy a szervlet hogyan kerül telepítésre. Alapvetően ez egy konfigurációs fájl, amely beállításokat, tulajdonságokat és hardverkövetelményeket tartalmaz.
A webes alkalmazásokban egy ilyen fájlnak a szabályok szerint web.xml-nek kell lennie, és egy adott mappában kell lennie.
Fájlleírók
Az operációs rendszerekben a fájlokkal való munkavégzéshez először el kell érnie azokat. Ezt egy fájlleíró segítségével lehet megtenni. Ebben a példában egyfajta címkeként működik, amely az I/O adatfolyamot létrehozó folyamatot jelöli.
A Windows operációs rendszer lehetővé teszi a leíró elérését a CreateFile funkció segítségével. Továbbra is használható, ha a szükséges fájllal dolgozik.
Unix rendszereken a fájlleíró számozott. 0 a terminálfolyamat standard bemenete, 1 a kimenete, 2 a diagnosztikai adatfolyam. A numerikus ábrázolásokon kívül a specifikáció által meghatározott szimbolikus állandók is használhatók.
Ablak fogantyú
Miután létrejött egy ablak a rendszerben, egy adott leíró lesz hozzárendelve. A benne használt adattípusok HWND. A programozónak az alkalmazás létrehozásakor helyesen kell ezeket használnia, hogy hivatkozzon rájuk
A program a FindWindow függvény meghívásával kaphatja meg a fogantyút. Megtalálhatja az osztály vagy ablak objektum neve alapján, és visszaadhatja a leíró értékét.
Az azonosítás helyességének ellenőrzésére érdemes az IsWindow függvényt használni.
1400-as hiba
Ez a probléma gyakori a Windows operációs rendszerek családjában. Ha megjelenik vele együtt, akkor lehet egy rövid leírás - érvénytelen ablak fogantyú. És lehet egy ilyen megfogalmazás is - "Error_invalid_window_handle" vagy 0x578.
Hogyan kell kezelni, és mit jelent az érvénytelen leíró? Az objektum környezetétől függően különböző műveleteket kell végrehajtani.
Mindenesetre haladéktalanul végig kell mennie a rendszerrel kapcsolatos összes problémára vonatkozó szokásos intézkedéseken:
hibaindítási és szkennelési hibák a rendszerfájlok integritásának ellenőrzésére szolgáló segédprogrammal; ellenőrizze a számítógépét vírusok szempontjából. Ha az alapvető lépések nem működnek, akkor érdemes lehet eltávolítani és újratelepíteni az összeomlást okozó alkalmazást.
A rendszer teljesítményének gyors helyreállításának másik megbízható módja a normál eszközök használatával történő visszaállítás. A „Rendszer-visszaállítás” használata után visszatér az utolsó érvényes biztonsági másolathoz, feltéve, hogy korábban létrehozták.
Amikor hiba léphet fel
A legtöbb esetben az érvénytelen leíró hibát a telepített szoftver hibája okozza. Ezért érdemes nagyon odafigyelni arra, hogy mi jelenik meg a számítógépen a szoftverből. Szükséges továbbá az összes elérhető szoftver rendszeres frissítése és állapotának figyelése. Ugyanakkor érdemes jó vírusirtó szoftverrel felvértezkedni.
Következtetés
A cikk bemutatta a leírók működésének általános elveit különböző programozási nyelvekben és operációs rendszerekben, azok funkcióit, tulajdonságait és típusait. Általában ezt a kifejezést főként programozók és fejlesztők használják objektumok és elemek azonosítására későbbi hivatkozás és kezelés céljából.
És az is világossá vált, hogy ez egy érvénytelen leíró. Mint kiderült, ez egy gyakori probléma a Windows környezetben, a legtöbb esetben egyszerű manipulációkkal megoldható.
8. osztály
Bevezetés a HTML-be
1. előadás: Bevezetés a HTML-be (12 óra)1. téma: Bevezetés a HTML-be (1 óra)
Terv
1. A HTML értelmezése
2. A hipertext fogalma
3. A html-fájl fogalma
4. A html nyelvi címkék fogalma
5. Szerkezeti címkék
6. A HTML dokumentumsablon és az első weblap elkészítése
1. A HTML értelmezéseHTML A HyperText Markup Language vagy a Hypertext Markup Language rövidítése.
Fontos megérteni, hogy a HTML nem programozási nyelv, hanem egy szövegjelölő nyelv. Lehetővé teszi a dokumentum megjelenésének meghatározását. Míg a hagyományos programozási nyelveket speciális feladatok végrehajtására tervezett programok (algoritmusok) írására használják, addig a HTML jelölőnyelvet egy dokumentum meghatározott módon történő ábrázolására használják.
^ 2. A hipertext fogalma
Hiperszöveg (hipertext) Speciális szöveg, amely egy másik weboldalra vagy dokumentumra mutató hivatkozást tartalmaz. Ebben az esetben az előtag hiper eszközök több mint vagy meghaladó mert nem csak szöveget látsz magad előtt. A legtöbb böngészőben a hiperszöveget (vagy hivatkozásokat) általában aláhúzzák és a szöveg többi részétől eltérő színnel kiemelik. Ha rákattint a hipertextre, a színe megváltozik. A hiperhivatkozásra kattintva a webböngésző lekéri a hivatkozott dokumentumot, majd betölti azt a böngészőablakba. Így a hipertextnek köszönhetően a weblap elnyeri az interaktivitás tulajdonságát.
A hiperszövegnek nincs eleje vagy vége. A legtöbb nyomathordozót úgy tervezték, hogy az elsőtől az utolsó oldalig olvasható legyen. Ebben az értelemben lineáris szerkezettel rendelkeznek. A hipertext pedig inkább egy határozatlan középpontú pókhálóhoz hasonlít. A jó weboldalak készítésének művészete elsősorban az információk intelligens rendszerezésében rejlik. A felhasználónak a szeme előtt kell lennie az oldal szerkezetének vagy összefoglalójának, hogy kiválaszthassa, mi érdekli.
^ 3. A html-fájl fogalma
A html fájlok fejlesztéséhez mindössze egy szövegszerkesztőre van szüksége. Ne feledje, hogy bár a html oldalak .htm vagy .html fájlok, valójában sima ASCII szövegfájlok. Egy html oldal létrehozásához a parancsot kell használni Fájl – Mentés másként mentse el a fájlt szöveges formátumban, és adja hozzá a .htm vagy .html kiterjesztést a nevéhez, a használt operációs rendszertől függően.
A html fájlok rendezésének legjobb módja, ha a merevlemezen külön könyvtárat (vagy mappát) hoz létre a weblapok tárolására. Ez különösen fontos, ha több, egymással összefüggő oldalt kívánunk létrehozni. Először is meg kell határoznia a merevlemezen lévő fájlok helyének szerkezetét. Egy egyszerű webszerver létrehozásához általában szüksége van néhány szöveg- és képfájlra, és esetleg néhány médiafájlra. Ha viszonylag kevés oldalt és képet tartalmazó webszervert hoz létre, akkor az összes fájlt egy könyvtárban tárolhatja. Ha sok fájl van, akkor azokat több mappába kell helyezni.
^ 4. A html nyelvi címkék fogalma
Mint mondtuk, a jelölőnyelv lehetővé teszi egy dokumentum megjelenésének meghatározását. Ehhez speciális kódokat vagy címkéket illesztenek be. Ezenkívül ez megtehető a Jegyzettömbbel vagy más szövegszerkesztővel. Általánosságban elmondható, hogy weblapok létrehozásakor sok mindent el kell végeznie, amit a szövegszerkesztőben szokott, például a szöveget félkövérre kell szednie, vagy az egyes kifejezéseket címsorokká kell alakítania.
Tehát mi az a leíró? Leíró A HTML szabvány fő kódoló eleme. A HTML-ben szinte minden a leírókon múlik. Arra szolgálnak, hogy felhívják a figyelmet a dokumentum egyes szavaira, így a böngésző tudja, mit emeljen ki, hol jelenítse meg a grafikát és hol vannak a hiperhivatkozások.
A leírók szögletes zárójelben vannak (< >). Például a bekezdésleíró az
, a vízszintes vonalleíró pedig az <НР> ... A leírók kis- és nagybetűkkel is írhatók. A leírók nagybetűs írása azonban nagyban megkönnyíti a szöveg vizuális érzékelését.
Kétféle leíró létezik: konténerek és egyedi leírók. A konténer egy leíró pár, amely egy kezdő (vagy nyitó) és egy vég (vagy záró) leíróból áll. A kezdeti leíró az
, hanem a végső . A tárolók bizonyos információk, például szövegek vagy egyéb leírók tárolására szolgálnak. Ezért a tartály tartalma a kezdő és a végleíró közé van zárva. Például egy első szintű címsort képviselő elem a leírók közé van zárvaés :
Az első HTML dokumentumom!
Az üres leíró abban különbözik a tárolótól, hogy nem tartalmaz információt. Csak egy kezdőleírója van. Az üres leíró általában igen önálló feladat nem kapcsolódik konkrét szöveghez. Például a leíró
vízszintes vonalat hoz létre, és nem tesz semmit a szövegen, szemben a tároló kezdő- és végfogójával.A tároló kezdő és záró leírója, valamint a közéjük zárt tartalom elem HTML dokumentum. Egy elem lehet kép, szövegrész, űrlap, táblázat, lista, hivatkozás, szövegdoboz, gomb, de akár egy dokumentum címe vagy fő törzse (törzs) is. Megjegyzendő azonban, hogy egy elem nem csak leíró, hanem az is, ami közöttük van.
^ 5. Szerkezeti címkék
Vessünk egy pillantást a weboldal szerkezetét meghatározó alapvető leírókra.
Leírók HTML elem ( ) a leginkább külső, azaz. tartalmazza az összes többi szöveget és egyéb leírókat. Kezdő leíró, , Ez az első dolog, amit be kell írnia. És a végső leíró, , jelzi a dokumentum végét. A legtöbb böngésző nem fogad el e két leírón kívüli szöveget.
A HTML-dokumentumnak feje (címe) és törzse (törzs) van.
Minden HTML dokumentumban a HEAD elem megelőzi a weboldal törzsét (vagy törzsét). A HEAD elem tartalma a leírók közé van zárva és ... Ez a szöveg az Általános információ a fájlról, és magában a dokumentumban nem jelenik meg. Számos más elem is megtalálható a HEAD leíróban. Minket elsősorban a leíró érdekel
</b> amely meghatározza a dokumentum címét. A leírók közé zárt szöveg <b><TITLE> </b>és <b> , a programablak tetején (címsor) jelenik meg.És végül, a HTML dokumentum legfontosabb része a BODY elem, amely egy pár leíró közé van zárva. és ... Ez az elem a legfontosabb, mert tartalmazza az oldalon megjelenő összes szöveget, képet és médiát, vagy hivatkozik azokra. A BODY elem leírása közvetlenül a HEAD elem leírása után következik.
^ 6. A HTML dokumentumsablon és az első weblap elkészítése
Nyissa meg a Jegyzettömböt, és írja be a következő szöveget:
Weboldal címe Weboldal tartalma: teszt, grafika, linkek stb.
Mentse el a fájlt a mappájába template.html néven.Most hozzon létre új dokumentumotés betöltjük bele az általunk készített sablont. Ezután használja a parancsot ^ Mentés másként hogy elnevezze az új oldalt.
Cserélje ki a szöveget a leírók között
és az "Első weboldalam!" Most cserélje ki a szöveget a leírók között és a következőhöz:
Ez az első weboldalam!
A fájl végleges verziójának így kell kinéznie:
Első weblapom!
Ez az első weboldalam!
Mentse el a fájlt a mappájába, és nevezze el először.html.2. téma: A weblap törzse (1 óra)
Terv
1. Fejlécek használata
2. Bekezdés- és sortörés karakterek. Igazítsa a bekezdéseket és a címsorokat
3. Leíró használata
4. Szöveg formázása stílusokkal
5. Sorok és megjegyzések hozzáadása
Az összes weblap nagy része a BODY elem segítségével van meghatározva, amelynek kezdő és végleírói az információ elejére és végére mutatnak. A BODY tárolót nem csak egy esetben használják - egy frameset dokumentumban, ahol a FRAMESET tároló helyettesíti.^ 1. Fejlécek használata
A HTML-fejlesztők általában a címsorok létrehozásával kezdik. A címsoroknak hat szintje van, és mindegyik más-más betűmérettel rendelkezik. Különböző szintű fejlécek használatával egyértelmű hierarchikus struktúrát hozhat létre dokumentuma számára. Ugyanazt az elvet használja, mint a könyvkiadásban, ahol a fejezetcímek nagy betűkkel, a szakaszcímek kisebbek, az alfejezetek még kisebbek stb.
A HTML szabvány hat szintű címsort támogat, amelyeket konténerek segítségével határoznak meg: Н1, Н2, ..., Н6... A címsorok minden szintjéhez szabványos méretek betűtípusok.
^ 2. Bekezdés- és sortörés karakterek
Leírók
és
lehetővé teszi szóközök hozzáadását a dokumentumhoz, hogy elválassza az egyik szövegblokkot a másiktól.Leíró
bekezdéstörés karakter beszúrására szolgál. Beszúrás adott leíró utasítjuk a böngészőt, hogy fejezze be az aktuális bekezdést, és szúrjon be egy üres sort a következő bekezdés elé.
Leíró
sortörés karakter beszúrására szolgál. A leíró beszúrásával utasítjuk a böngészőt, hogy fejezze be az aktuális sort, és lépjen a következőre.^ Igazítsa a bekezdéseket és a címsorokat
A bekezdés vagy a címsor szövege balra igazítható ( normál telepítés), jobbra igazítva vagy középre igazítva a böngészőablakban.
A fejlécleíró szintaxisa a következő:
ahol n a címsor szintje;
Az igazítás egy olyan paraméter, amely a következő értékek egyikét veheti fel: LEFT, RIGHT, CENTER.
A bekezdésleíró szintaxisa a következő:
<Р ALIGN=выравнивание>
^ 3. Leíró használata
Ha olyan információkat szeretne elhelyezni egy weboldalon, amely már szerepel valamilyen dokumentumban (de nem HTML kódban), akkor nem kell időt töltenie a teljes dokumentum újragépelésével. Ehelyett használhatja a formázott szöveges tárolót
^ Idézetek formázása
Leíró
hosszú idézőjelekhez készült, és lehetővé teszi egy sor behúzását.Konténerbe
más leírókat is megadhat, például szövegstílusokat vagy sortöréseket.Leíró
rövid idézetek megjelenítésére tervezték. Ha a leírót használjukkülön töredék jön létre egy szövegblokkban, majd a leíró használatakoraz idézet ugyanabban a sorban folytatódik, mint az előző szöveg, azaz. a szövegtömb nem szakad szét.^ 4. Szöveg formázása stílusokkal
A HTML többféle módot kínál a szöveg formázására. Ez explicit (vagy abszolút) formázás fizikai stílusokés implicit (vagy relatív) formázás -val logikai stílusokés végül a betűméret módosítása.
A fizikai stílusleírók abszolútak, ami azt jelenti, hogy a fizikai stílussal kiemelt szöveg minden böngészőben ugyanúgy jelenik meg. A logikai stílusok pedig, a fizikaiakkal ellentétben, relatívnak nevezhetők. Ez azt jelenti, hogy a különböző böngészőkben eltérően jelennek meg.
^ táblázat – Fizikai stílusleírók
Leíró
Stílus
Félkövér betűtípus
Dőlt betűs
Monospace betűtípus, mint egy írógép
Aláhúzás
Index szöveg
Felső index szöveg
Áthúzott^ A betűméret megváltoztatása
A FONT elem lehetővé teszi a betűtípus méretének és színének meghatározását. A SIZE attribútum lehetővé teszi a betűtípus abszolút méretének megadását (1 és 7 közötti értékeket vehet fel) vagy relatív, az oldal törzsében használt betűtípus méretéhez viszonyítva (értékeket vehet fel) -4-től +4-ig). Ez a következő szintaxist használja:
A BASEFONT elem a dokumentum fő betűtípusának méretének módosítására szolgál. A fő betűtípus mérete 1 és 7 között lehet, a böngésző szabványos betűmérete pedig 3.
A COLOR attribútum a betűszín megváltoztatására szolgál a következő szintaxis használatával:
.
^ 5. Sorok és megjegyzések hozzáadása
Az oldal szövegének részekre osztásához használhatja a fogantyúval létrehozott vízszintes vonalakat
. A vonal megjelenése attribútumokkal módosítható.^ táblázat – Leíró attribútumok
A MÉRET képpontokban van mérve.
A WIDTH érték százalékban és pixelben is mérhető, ezért a WIDTH attribútum két szintaxist használ:
.Az ALIGN attribútum lehet LEFT, RIGHT vagy CENTER. A WIDTH attribútummal együtt kell használni, különben a vonal végignyúlik a teljes képernyőn:
.A NOSHADE attribútum szintaxisa a következő:
.Megjegyzések hozzáadása
A weblapok forráskódjához megjegyzéseket fűzhet, amelyek nem lesznek láthatóak a szerver látogatói számára. Úgy tervezték őket, hogy szükség esetén könnyen kitalálhassa saját kódját.
A megjegyzésekhez használt szintaxis a következő:
.
Gyakorlati feladat
Nyissa meg az first.html fájlt, és mentse el second.html néven.
Módosítsa az alábbi listának megfelelően:
Ez az első weboldalam!
HTML-t tanulok
Módosítsa a betűméretet és a színt
Ez a bekezdés középre lesz igazítva, szemben a dokumentum fő bekezdéseivel, amelyek balra vannak igazítva.
Mentse el a dokumentumot, és nyissa meg egy böngészőablakban.3. téma: Táblázatok készítése (1 óra)
Terv
1. A táblakód létrehozásának kezdeti szakasza
2. A táblázat sorainak és oszlopainak létrehozása
3. Asztaltípus kiválasztása
4. Adatok igazítása a táblázat celláiban vízszintesen és függőlegesen
5. Színező asztalok és keretek
^ 1. A táblakód létrehozásának kezdeti szakaszaKépzeljen el egy táblázatot, amely tartalmazza a termékneveket és az árakat. azt szabványos módon táblázatok segítségével. Most adjunk hozzá képeket a táblázathoz, amelyek nagyobb képeket tartalmazó HTML-fájlok hiperhivatkozásai, valamint részletes információk az adott termékekről. A videók és hangfelvételek táblázatbejegyzések is lehetnek. Így a felhasználó nem csak sokat lát, hanem sokat hall is.
A táblázatok létrehozásához használt HTML nem túl bonyolult; inkább nagyon körülményes. Az asztalok építése nem olyan nehéz feladat, ha helyesen csinálják.
Mielőtt elkezdené a táblák létrehozását, meg kell értenie az ehhez használt kód szerkezetét. A HTML tábla kódja a TABLE tárolóban található. Mielőtt HTML-kódot generálna egy táblázathoz, meg kell határoznia a benne található sorok és oszlopok maximális számát. Ezután a kód beírása közben egyenként határozza meg a cellákat. A cellák meghatározása balról jobbra soronként és felülről lefelé haladva történik.
A sorok, oszlopok és cellák a táblázatok leírásánál szokásos kifejezések.
^ 2. A táblázat sorainak és oszlopainak létrehozása
Egy táblázat leírásához meg kell adni a sorok és oszlopok számát, valamint azok helyét.
Egy pár leíró a táblázat egy sorának meghatározására szolgál
és . Azt mondják a böngészőnek, hogy a leírók között meghatározott cellák ugyanahhoz a táblázatsorhoz tartoznak.Leírók
és határozza meg a táblázat fejléceit.Leírók
és határozza meg a cella tartalmát.A leíróban található COLSPAN attribútum használata
vagy , beállíthatja, hogy a megfelelő cella több oszlopra terjedjen ki. Ehhez állítsa be a COLSPAN attribútumot azon oszlopok számára, amelyeket a cellának el kell foglalnia. A ROWSPAN attribútum ugyanazt a funkciót hajtja végre csak karakterláncok esetén. ^ 3. Asztaltípus kiválasztása
A cellák leírása előtt meg kell határozni a táblázat néhány általános jellemzőjét. Ide tartozik a táblázatszélesség, a cellatávolság, a cellatávolság stb.
Az egyik ilyen közös jellemző az előlap, pl. a szegély, amely elválasztja a táblázatot a dokumentum többi részétől. Ehhez használja a BORDER = n attribútumot, ahol n a szegély szélessége pixelben. A BORDER attribútum a leíróba kerül
... Ha a 0-t választja vagy teljesen kihagyja adott tulajdonság, akkor egy keret nélküli táblázat jön létre.
A táblázat szélességének meghatározásához a WIDTH attribútumot használjuk, szintén a leíróban elhelyezve
... A szélesség százalékban vagy pixelben van megadva, és idézőjelek között van.
A leíróban elhelyezett COLS attribútummal
, meghatározhatja a táblázat oszlopainak számát:
.
Végül a leíróban található CELLSPACING és CELLPADDING attribútumok a táblázat térközének meghatározására szolgálnak.
. A CELLSPACING attribútum határozza meg a cellák közötti távolságot pixelben ( standard érték egyenlő 2-vel).
A CELLPADDING attribútum pixelben adja meg a cella tartalma és annak határai közötti távolságot (az alapértelmezett távolság 1).
^ 4. Adatok igazítása a táblázat celláiban vízszintesen és függőlegesen
Az ALIGN attribútum lehetővé teszi a cellák tartalmának igazítását, és lehet CENTER, JUSTIFY, CHAR, RIGHT, LEFT.
Ha az ALIGN attribútumot JUSTIFY-re állítja, akkor a cella szövegtartalma a szélességhez igazodik.
Ha az ALIGN attribútumot CHAR értékre állítja, akkor a cella tartalma a CHAR attribútumban megadott karakterhez viszonyítva lesz igazítva. Például az ALIGN = "char" CHAR = "," rekord használható a természetes számok tizedesvesszővel történő igazítására.
^ A táblázatcellákban lévő adatok függőleges igazítása
A VALIGN attribútum használható a tárolóban
, , ... Segítségével a szöveg a cella tetejéhez vagy aljához igazítható, valamint függőlegesen középre igazítható. A VALIGN attribútum a következő értékeket veheti fel: TOP, MIDDLE, BOTTOM. Címkék hozzáadása a táblázatokhoz
Tartály használata
táblázatokhoz aláírásokat adhat hozzá. Így a címkék segítségével részletesebben is leírhatja a táblázatot, például a táblázatban használt mértékegységekre vonatkozó információk hozzáadásával. Alapértelmezés szerint a címkék a táblázat felett helyezkednek el, de máshol is elhelyezhetők. A következő kód például a táblázatok alatti feliratok elhelyezésére szolgál:
Ez az aláírás A BOTTOM attribútum mellett a TOP, LEFT, RIGHT attribútumok használhatók a CAPTION tárolóban.
^ 5. Színező asztalok és keretek
A táblázathoz hozzáadhat egy olyan hátteret, amely eltér a weboldal többi részétől. A sorokat vagy az egyes cellákat is színezheti, hogy kiemelkedjenek a táblázat többi részéből.
Ehhez a leíró BGCOLOR attribútuma szolgál.
.
A BGCOLOR attribútum értéke hexadecimális (#rrggbb formátumban) vagy szöveges lehet.
Leíró használata
valamint a BORDERCOLOR és BORDERLIGHT attribútumok segítségével módosíthatja a táblázat szegélyének színét. A BORDER attribútumot a leíróban kell elhelyezni
... A táblázaton belüli szegély színének megváltoztatásához használja a BORDERCOLOR és a BORDERLIGHT attribútumot a leíróban.
vagy . A BORDERCOLOR attribútum értéke a 3D táblázatkeret felső részét, a BORDERLIGHT értéke pedig az alsó részt (azaz az árnyékot) érinti. Ezekkel az attribútumokkal módosíthatók a 3D táblázatkeretek szabványos megjelenítési attribútumai.
^ Gyakorlati feladat
Generálja elő a következő táblázat HTML kódját
Vezetéknév
a hét napjai
hétfő
kedd
szerda
csütörtök
péntek
Ivanov
6
0
0
0
0
Petrov
0
6
0
0
0
Sidorov
0
0
6
0
0
Szergejev
0
0
0
6
0
Vasziljev
0
0
0
0
6
Táblázat készítése
Vezetéknév
a hét napjai
hétfő
kedd
szerda
csütörtök
péntek
Ivanov
6
0
0
0
0
Petrov
0
6
0
0
0
Sidorov
0
0
6
0
0
Szergejev
0
0
0
6
0
Vasziljev
0
0
0
0
6 4. téma: Listák építése (1 óra)
Terv
1. Listák, mint strukturáló eszköz. Listatípusok
2. Számozott listák
3. Felsorolásos listák
4. Definíciók listája
5. Listák egymásba ágyazása és kombinálása
^ 1. Listák, mint strukturáló eszköz. ListatípusokA listák nagyon hatékony módja a dokumentum szerkezetének. Segítségükkel az anyag világos és áttekinthető bemutatását tudja biztosítani. A HTML lehetőséget biztosít vonzó, de funkcionális listák létrehozására.
A HTML lehetővé teszi különböző típusú listák létrehozását. Ezenkívül mindegyik használható önállóan és más típusú listákkal kombinálva is.
^ Táblázat – HTML listatípusok és megfelelő leíróik
^ 2. Számozott listák
A rendezett és számozott listák ugyanazok. Ezeket a kifejezéseket felcserélhetően használják. Egy számozott lista jön létre egy tároló használatával. Minden listaelem ebben a tárolóban van meghatározva egy leíró segítségével
(ami a listaelem rövidítése). Alapértelmezés szerint a listaelemek számozása közönséges arab számokkal történik. De megteheti úgy, hogy a számozáshoz az ábécé betűit (kis- vagy nagybetűket) vagy római számokat használjuk. A lista formázási stílusát a következő szintaxis határozza meg:
A típus paraméter a táblázatban látható értékeket veheti fel
^ Táblázat – A rendezett listák számozási típusai HTML-ben
A számozási mód a lista közepén is módosítható. Ehhez a megfelelő listaelemet az alábbiak szerint kell meghatározni:
A lista számozását számokkal vagy betűkkel kezdheti bármilyen számmal vagy betűvel. Ehhez használja a START attribútumot. Ha egy bizonyos betűvel vagy római számmal szeretné kezdeni a számozást, használja a TYPE és START attribútumot. Ennek az eljárásnak a szintaxisa a következő:
A paraméter értéke egy szám.
A listán belüli számozási séma megváltoztatásához használja a leíró VALUE attribútumát
. ^ 3. Felsorolásos listák
A leggyakoribb listatípus a rendezetlen vagy felsorolásjeles lista. Az ilyen listákban a rendezetlen lista minden eleme mellett található egy pont, amely nagy fekete körnek vagy négyzetnek tűnhet.
A felsorolásjeles listák létrehozásakor a leírókat használjuk
és ... A számozott listákhoz hasonlóan a felsorolásjeles listák minden eleme a leíró segítségével van meghatározva
. A teljes lista jelölőtípusának megváltoztatásához használja a szintaxist
, és a lista egy eleméhez -
, ahol a típusparaméter a táblázatban megadott értékek egyike ^ Táblázat – Bullet Marker Types
^ 4. Definíciók listája
A definíciók listája némileg a szótárakra emlékeztet, mivel minden kifejezéshez tartozik a meghatározás behúzott bekezdése. Ez az eszköz nélkülözhetetlen, ha egy listát kell létrehoznia az árucikkekről részletes leírásukkal (például kiskereskedelmi áruk vagy ingatlanok katalógusaihoz).
A definíciós lista a tárolóban található
. A definíciós listaelemek leírók segítségével jönnek létre
és , amelyek segítségével jelöljük kifejezéstés az ő meghatározás illetőleg. ^ 5. Listák egymásba ágyazása és kombinálása
Kívánság szerint kombinálható Különféle típusok listákat, valamint egymásba fészkelheti őket, függetlenül attól, hogy egyikhez vagy ahhoz különböző típusok kapcsolódnak.
A következő lista példát mutat be a beágyazás használatára pontozott lista számozottba.
Beágyazólisták
Beágyazott listák
Hogyan készítsük el a fiatalság elixírjét
Vegyünk egyenlő részeket a következő elemekből:
Krokodil könnyek
Döglött szamárfülekből
Fánk lyuk
Az egészet összekeverjük és porrá törjük
Öntse a port alkohollal
Öntse a kapott folyadékot egy üvegbe
Temesd el az üveget a kertben
Pontosan 1 év után ásd ki
Dobd a palackot a tengerbe, és ne áltasd magad! absztrakt
1. Elbeszélés Www
2. HTML nyelv – webes dokumentumok készítése:
a) Webes dokumentumsablon
b) szövegformázás
c) bekezdés formázása
d) képekkel való munka:
I. háttérképek
II. statikus és dinamikus képek
f) keretek:
I. Függőleges keretek
II. Vízszintes keret
III. Beágyazott keretek
A dokumentumkészítés alternatív módjai
1. A világháló rövid története
Köztudott, hogy az internet mindenféle információ hatalmas tárháza. A World Wide Web (WWW) megjelenése előtt nem volt könnyű navigálni az interneten, hogy megtalálja a szükséges információkat. A fájl FTP szerverről való lekéréséhez külön le kellett töltenie a kliens alkalmazást. Ugyanakkor emlékeznie kellett jelszavára, számos könyvtárban kellett navigálnia a kívánt fájl kereséséhez, nem felejtve el beállítani a megfelelő átviteli módot, mielőtt megkapja azt; számos parancsot ismer az FTP-szerverekkel való munkavégzéshez stb. Ha meg kellett néznie egy konferenciát, akkor el kellett indítania egy másik alkalmazást, amely saját parancsokkal rendelkezik a konferenciák üzeneteinek olvasásához, továbbításához és mentéséhez. Kellemetlen volt az egész.
Körülbelül öt éve történt megszervezési kísérlet információs rendelés v Internetes hálózatok... Ebből jött létre a World Wide Web szolgáltatás, amely a svédországi Európai Nukleáris Kutatási Központban született. A WWW elképzelés alapja az ún hipermédia dokumentumok vagy webdokumentumok, más néven weblapok, az adatok rendszerezését és visszakeresését szolgálják. Ezek a dokumentumok szöveget és nem szöveget is tartalmazhatnak szöveges információk(pl. kép, hang), valamint linkeket. A hivatkozások olyan mutatók, amelyek segítségével szabadon mozoghatunk egy dokumentum egyik helyéről egy másik helyre, vagy akár egy külön dokumentumra hivatkozhatunk, amely esetleg a világ másik felén található. Bár a webes dokumentumok sokféle információt tartalmazhatnak, nem csak szöveget, ezeket szinte mindig hipertextnek nevezik ( hipertext) dokumentumokat, ami általában nem teljesen igaz.
A képernyőn egy tipikus webdokumentum úgy néz ki, mint egy hivatkozásokat tartalmazó szövegkészlet; különféle illusztrációk jelenhetnek meg. Lapozhat a dokumentumban, megtekintheti a tartalmat, gyorsan navigálhat benne vagy más dokumentumokban hivatkozások segítségével.
A WWW megjelenésével az internet elkezdte kiszolgálni a szöveget és a grafikát, az egérrel lehetővé vált, hogy körbeutazzuk a világot, és egy kattintással könnyedén megtaláljuk a szükséges információkat. Könnyűvé vált a fájlok letöltése és a konferenciák olvasása. Ez az oka annak, hogy a WWW szolgáltatás világszerte népszerűvé és elterjedtté vált. Az interneten minden nap megjelennek Nagy mennyiségű Webszervereket és több ezer új dokumentumot tesznek közzé.
A webdokumentumok WWW-re való felépítéséhez egy speciális HTML nyelvet használnak, ami a HyperText Markup Language - hipertext jelölőnyelv, adatformázó nyelv. A szabványos általánosított jelölőnyelv (SGML) alapján a HTML határozza meg a webes dokumentumokban lévő adatok formázását és rendszerezését. Nem határozza meg, hogy a szöveg pontosan hogyan kerüljön a képernyőre, hanem az adatok szerkezetét. Egy webdokumentum nem csupán szöveges információt tartalmazhat, ezért helyesebb lenne a HTML-t HyperMedia Markup Language-nek nevezni, de a szakirodalomban szinte mindig a HTML rövidítést használják. A HTML-dokumentum egy normál ASCII-fájl. Speciális leírókon (címkéken) alapul, amelyek meghatározzák az adatok formázását bármely webdokumentumban. A HTML-dokumentumok világhálón való megtekintéséhez természetesen speciális szoftver... Az ilyen programokat böngészőknek nevezzük (angolul. böngésszen- lapozás, megtekintés). Segítségükkel letölthet és megtekinthet weboldalakat, navigálhat a WWW-en stb. V jelenleg elég sok böngésző létezik, amelyek közül a legnépszerűbbek a Microsoft böngészők internet böngésző, Netscape Navigator és NCSA Mosaic. A böngésző a HTML fájl elolvasása után leírók segítségével értelmezi a dokumentumban található adatokat, és ennek megfelelően jeleníti meg a számítógép képernyőjén. Az 1. ábra egy webes dokumentumra mutat példát:
1. ábra Példa webdokumentumra
A HTML gyorsan fejlődik. Fejlődése során új lehetőségekre tett szert, és elveszítette a keveset használt, elavultakat. Jelenleg a HTML nyelv jelenlegi hivatalos verziója a 3.2-es verzió, amely webdokumentumok készítésére fejlesztett eszközöket. A HTML 2.0-hoz képest az új verzió olyan új funkciókat kínál, mint a táblázatok, a képek szöveggel való "csomagolása", Java kisalkalmazások beágyazása és egyebek.
A mai napra, kivéve hivatalos verzió nyelven, a Microsoft és a Netscape HTML-változatai is megtalálhatók, amelyek szintén támogatják és további jellemzők nincs leírva a hivatalos HTML-verzió specifikációjában. A HTML nyelv nem hivatalos verzióinak elemeiből összeállított dokumentumok megjelenítése során a böngésző kompatibilitási problémájának megoldására a fent említett cégek a nyelv egy alternatív verziójának támogatását is beépítik termékeikbe. Már készül a nyelv 4.0-s verziója, a Dynamic HTML, amely továbbfejlesztett régi és izgalmas új módszereket ígér a webes dokumentumok tervezésére. A W3C (World Wide Web Consortium) már szabványként javasolja a nyelv ezen verzióját. Vannak lehetőségek új verzió a Microsoft és a Netscape nyelvei, amelyek azonban még nem kompatibilisek egymással. Ez a munka feltárja a nyelvből készült dokumentumok főbb eszközeit HTML verziók 3.2 a Netscape Communicationstől.
2. HTML nyelv. Webes dokumentumok készítése
Mint fentebb említettük, egy HTML-dokumentum formázását speciális leírók határozzák meg. A leíró egy adat formázási parancs, és ez a parancs szögletes zárójelben található "<» и «>". Vannak nyitó és záró leírók, ezek közé kerül a formázni kívánt szöveg. A nyitóleírók beállítják a formázási módot, a másodikak felülírják. A különbség ezek között a leírók között az, hogy a záró leíróban a név előtt egy perjel van. Például a leírók. Vannak olyan leírók is, amelyekhez nincs szükség befoglaló változatra.
A HTML nem érzékeny a kis- és nagybetűkre, így minden leíró megadható kis- és nagybetűkkel is. A böngésző minden írásmódban egyértelműen értelmezi őket.
Ha megnézi egy tipikus weboldal forráskódját, a következő tartalmat láthatja:
dokumentum címe
szöveg
szöveg
szöveg
szöveg
A leírók között és a teljes dokumentum közvetlenül található. Leírók
és határozza meg a dokumentum címének beállítási körét. Egy pár közöttés a dokumentum címe kerül elhelyezésre. Ennek tartalma a böngészőablak címében látható. A fejléc információkat egyes webrobotok használják adatok indexelésére a WWW-erőforrások vizsgálatakor. Ezen a területen adhatunk meg például információkat a szerzőről, a dokumentum rövid leírását. A leírók között és tartalmazza azokat az adatokat, amelyeket a böngésző megjelenít a képernyőn. Leírók és olyan információkat tartalmaznak a szerzőről, amelyek megjelennek a képernyőn, például a szerző vezeték- és keresztnevét, e-mail címét, a dokumentum létrehozásának és módosításának dátumát stb.Szigorúan véve a fenti leírók egyike sem kötelező a dokumentumok készítésekor, de segítik a dokumentumok strukturálását, és meghatározásuk a jó stílus jele weboldalak készítésekor.
Szöveg formázása
A szöveg formázása azt jelenti, hogy a szöveget meghatározott betűtípussal vagy meghatározott attribútumokkal jelenítjük meg.
Szöveg formázásához egy karakterláncot vagy szövegsorokat kell beépíteni a leírópár közé. Íme a fő leíró lista és a szöveg formázási eredményei:
Például, ha egy bizonyos sort dőlt betűvel akarunk megjeleníteni a képernyőn, akkor a következőket kell beírni a webdokumentum törzsébe:
Ez a szöveg dőlt betűvel van írva
Ennek eredményeként a böngésző a következőket jeleníti meg:
Ez a szöveg dőlt betűvel van írva
A leírók tetszőleges sorrendben kombinálhatók egymással, például a kombináció
Ez a szöveg félkövér, dőlt betűvel van szedve
a következő kimenetet produkálja:
Ez a szöveg félkövér, dőlt betűvel van szedve
Egyes webes dokumentumokban villogó szövegsorokat láthat, amelyek felkeltik a felhasználó figyelmét. Erre a célra a leírót használják
A Netscape nyelvnek ezt a kiterjesztését azonban ritkán használják, ezért hamarosan elavulttá válhat.
A weboldalak tervezése során gyakran használnak különféle méretű betűtípusokat. A szokásostól eltérő betűméretű karakterláncot leírók segítségével jeleníthet meg szöveg , ahol az n szám egy 1-től 7-ig terjedő szám, amely meghatározza a betűméretet a normálhoz képest. Tehát a következő szöveg a dokumentum törzsében
Ez szöveg négy mérettel nagyobb a szokásosnál
a képernyő így fog kinézni:
Ez a szöveg négy számmal nagyobb a normálnál.
Megjegyzendő, hogy a leíró párok és, és és a Netscape HTML nyelv elemei, ezért előfordulhat, hogy más böngészők nem támogatják őket.
Bekezdések formázása
A weboldalakon közzétett szöveges információk bekezdésekbe vannak rendezve. A bekezdés leíróval kezdődik<Р>és egy záró fogantyúval végződik
ez utóbbi azonban nem kötelező. Példa HTML kódra:Első bekezdés
Második bekezdés
Ennek eredményeként a képernyőn a következő eredmény jelenik meg:
Első bekezdés
Második bekezdés
A dokumentum összeállításánál figyelembe kell venni, hogy a böngésző figyelmen kívül hagyja a szavak közötti szóközt és a sortörést a szöveg formázásánál, így csak azt a szöveget tekinti bekezdésnek, amely a leírók között van. Kényszerített sortörést a fogantyú állít be
amelynek nincs zárási lehetősége. Minta kód:Első sor
Második sor
Ennek eredményeként a böngésző a következőket jeleníti meg:
Első sor
Második sor
Ha a szükséges számú szóközzel és sortöréssel kell megjelenítenie a szöveget, akkor azt leírók közé kell zárnia
ÉS... Ezt általában a programforrások listájának megjelenítésére használják. Ebben az esetben a szöveg egyszóközű betűtípussal jelenik meg.Fejlécek létrehozása
A különböző szintű címsorokat leírók segítségével határozzuk meg
és , ahol n egy szám 1-től 6-ig. A legnagyobb fejlécet a leíró adja meg, a legkisebb egy leíró
... Például:
Ez egy 1. szintű címsor
Ez egy 3. szintű címsor
Ez egy 6. szintű címsor
Ennek eredményeként a képernyőn megjelenik:
Ez egy 1. szintű címsor
Ez egy 3. szintű címsor
Ez egy 6. szintű címsor
A címsorok a WWW egyik leggyakrabban használt dokumentumformázó elemei.
Listák létrehozása
A HTML-ben háromféle lista definiálására van lehetőség: számozott listák, számozatlan listák és definíciós listák. A lista eleje és vége speciális leírókkal van beállítva, és a lista minden eleme előtt egy leíró van beállítva
amelynek nincs záró opciója. Számozott lista:
Listaelem Listaelem Listaelem Eredmény:
Rendezetlen lista:
Listaelem Listaelem Listaelem Eredmény:
* Listaelem
* Listaelem
* Listaelem
A definíciós listák két-két elemből álló szövegcsoportok, a második elem az elsőtől jobbra tolva. Az ilyen listákat általában különféle fogalmak magyarázatára használják. Példa:
Elsőként meghatározott fogalom Az első fogalom magyarázata Második meghatározott fogalom A második fogalom magyarázata Eredmény:
Az első meghatározandó fogalom.
Az első fogalom magyarázata.
Második meghatározható fogalom.
A második fogalom magyarázata.
Linkek
A hivatkozások a HTML nyelv egyik alapvető eleme. A hivatkozások gyors és kényelmes módot biztosítanak a felhasználó számára, hogy egy dokumentumban vagy akár egy másik dokumentumban egy vagy másik helyre navigáljon. Például ahelyett, hogy a kívánt töredéket keresve átlapozna egy hosszú webes dokumentumot, egy egyszerű egérkattintással azonnal a kívánt helyre ugorhat (ha természetesen ehhez van egy megfelelő hivatkozás). Ha két különböző dokumentum van, akkor ahhoz, hogy hozzáférést biztosítsunk egyik dokumentumból a másikhoz, nem szükséges összevonni őket, elég egy hivatkozást létrehozni egy másik dokumentumban, és minden egy egyszerű egérkattintásra redukálódik .
A képernyőn a hivatkozások szövegsorként vagy sorokként jelennek meg, más színnel kiemelve és vékony vonallal aláhúzva. Ha a szövegnek erre a részére mozgatja az egérmutatót, az a mutatóujj képe lesz, és miután erre a helyre kattintott, ez a hivatkozás követi Önt.
A HREF attribútum az aktuális dokumentumban található címke nevére mutat.
Természetesen ebben az esetben a dokumentumban ki kell jelölni egy címkét, amelyhez a hivatkozás be lesz állítva. A leíró erre szolgál attribútummal
: A képernyőn a címke a hivatkozásokkal ellentétben nem tűnik ki a szöveg többi részéből.
Ha egy másik dokumentumban található címkére kell navigálni, akkor a fenti példa kissé megváltozik:
Az URL lehet relatív vagy abszolút. Ráadásul a hivatkozás nem csak egy dokumentumra mutathat, hanem képekre, binárisokra, hangfájlokra stb. A böngésző viselkedése, amikor egy adott hivatkozásra kattint, annak konkrét beállításaitól függ. Tehát, ha a hivatkozás egy dokumentumra mutat, akkor az betöltődik, de ha audio vagy videó fájl, akkor lejátssza. Ha ez egy bináris fájl, a böngésző felajánlja, hogy felülírja a helyi lemezen.
Képbeágyazás
A képek használata lehetővé teszi a webdokumentumok színes tervezését, a szöveg és a grafika kombinációja kellemes megjelenést és tisztaságot kölcsönöz bármely oldalnak.
Ha illusztrációkat szeretne beilleszteni a dokumentumba, használja a leírót
:
Az attribútum a képfájl nevét adja meg. A fájlnév mutathat akár helyi fájlra, akár távoli fájl, amelyhez meg kell adnia a megfelelő URL-t. A fájl lehet statikus kép grafikus formátumban, amelyet a böngésző megért, vagy dinamikus kép GIF89A formátumban. Ez utóbbi esetben a fájl animációként jelenik meg a böngészőablakban.
Az ALT attribútum azt a szöveget jelöli, amely a böngészőablakban jelenik meg a kép helyett, ha például a felhasználó böngészője nem támogatja a grafikát, vagy a képek betöltésének lehetősége le van tiltva. Ez az attribútum nem kötelező, de bevált gyakorlatnak tekinthető a használata webes dokumentumok írásakor.
Gyakran előfordul, hogy grafikus oldalak készítésekor a kívánt képméret nem egyezik a tényleges mérettel. Például el kell helyeznie egy képet egy bizonyos méretű területre. Ehhez a WIDTH és HEIGHT attribútumokat kell használni, amelyek beállítják a szükséges képméreteket szélességben, illetve magasságban. Például, ha egy 100 pixel magas és 200 pixel széles területre kell elhelyezni egy nagy képet, akkor a következőket kell beírnia a dokumentum törzsébe:
Ezen attribútumok sorrendje tetszőleges lehet.
A dokumentumban található rengeteg grafika egyrészt javítja azt általános forma, másrészt jelentősen megnöveli a betöltési idejét. A webdesignerek gyakran ehhez a technikához folyamodnak, hogy kompromisszumot találjanak a dokumentum betöltésének sebessége és láthatósága között: egy képet kisebb formátumban helyeznek el egy oldalra, és saját magukra mutató hivatkozást készítenek belőle. Ha rákattint egy ilyen képre, a böngésző betölti és eredeti méretében jeleníti meg. A referenciakép leírása a dokumentumban az alábbiak szerint történik:
Érdekes lehetőség a kép szöveggel való "burkolása". Ez egy nagyon népszerű módja a weblapok tervezésének. Ebben az esetben a képernyőn látható képet szöveg veszi körül, például bal oldalon és lent. A szöveg "csomagolása" az ALIGN attribútum használatával történik, amelynek paraméterei, például:
BALRA – a szöveg balról lefelé fedi a képet.
JOBBRA - a szöveg a képet a jobb alsó saroktól körbeveszi
TOP – a képet a jobb felső sarokban szöveg veszi körül
ALUL - a képet a jobb alsó sarokban szöveg veszi körül
KÖZÉP – a képet a jobb középső részen szöveg veszi körül
ábrán látható weblap összeállításakor például. 1, a dokumentum törzsében a következő bejegyzést használták, amely a képet leírja:
A képek a dokumentumok háttereként is használhatók. A dokumentumban található összes szöveget és illusztrációt a böngésző megjeleníti a háttérkép felett. A háttérképek egyszerűen az alábbiak szerint állíthatók be:
Ha a kép mérete nem elég nagy ahhoz, hogy kitöltse a teljes böngészőablakot, az utóbbi egyszerűen megsokszorozza a képet, amíg az ablak teljesen meg nem telik.
Keretek
A HTML nyelv hivatalos verziójának egyik legújabb újítása az úgynevezett keretek. A keretek használatakor a böngészőablak több részablakra van felosztva, amelyek mindegyikében bármilyen webdokumentumot megjeleníthet, görgethet a többi ablaktól függetlenül. Egy jól átgondolt keretszerkezet nagyban megkönnyítheti a dokumentumokban való navigálást és javíthatja az információérzékelést. Példa erre egy könyv vagy folyóirat elektronikus változata, amikor az egyik ablakban a tartalom szakaszait - linkjeit választhatja ki, a következő ablakban pedig a tartalomból egy adott részhez közvetlenül kapcsolódó információkat tekinthet meg.
Kétféle keretdokumentum létezik: keretet tartalmazó dokumentumok és egyszerű dokumentumok. A keretet tartalmazó dokumentumok határozzák meg magának a keretdokumentumnak a szerkezetét, azaz. beállíthatja, hogy a böngészőablak hogyan lesz felosztva részablakra. Az ilyen dokumentumok más dokumentumokra mutató hivatkozásokat tartalmaznak. A normál dokumentumok azok a dokumentumok, amelyek nem tartalmazzák a kereteket meghatározó adatokat.
A keretet tartalmazó dokumentum szerkezete általában így néz ki:
cím
Szöveg
Keretdefiníciós terület
Amint a példából látható, egy ilyen dokumentum szerkezete némileg eltér egy normál dokumentum szerkezetétől. A leírók jelenléte
ahelyett és ez különbözteti meg a keretes dokumentumot a hagyományostól. Leírók használataés a jó stílus másik jele. Közöttük állítsa be a kereteket nem támogató böngészőablakban megjelenő szöveget.Az alábbiakban egy keretes dokumentum példája látható:
Leíró
