LAB #2 EGYSZERŰ ÉS BEGYÚSZTOTT LISTÁK. HTML TÁBLÁZATOK LÉTREHOZÁSA

A munka célja: HTML fájl létrehozása és tesztelése. Listák készítése. Táblázatok beszúrása és felépítésük. Oldalelrendezés táblázatokkal.

Rövid elméleti információk

A HTML-dokumentumokban a listáknak három fő típusa van: a definíciók számozott felsorolása

Létrehozhatunk egymásba ágyazott listákat különböző listacímkék használatával vagy egymáson belüli ismétléssel. Ehhez csak egy pár címkét kell elhelyeznie (kezdet és vége)

egy másik belsejében. Az, hogy a beágyazott listaelemek ugyanazokkal a felsorolásjelekkel rendelkeznek-e, mint a listaelem, böngészőfüggő. További részletekért lásd a „Beágyazott listák” részt.

Számozott listák

Egy számozott listába a böngésző automatikusan beilleszti az elemszámokat sorrendben. Ez azt jelenti, hogy ha egy vagy több elemet eltávolít egy számozott listából, a többi szám automatikusan újraszámításra kerül.

A számozott lista a kezdő címkével kezdődik

és a címkével végződik

1. Programozás

2. Algoritmizálás

3. Tervezés

Címke

opciói lehetnek:

ahol: típus – Számláló típusa:

A - nagy latin betűk (A,B,C...) a - kis latin betűk (a,b,c...) I - nagy római számok (I,II,III...) i - kis római számok (i,ii,iii...) 1 - szabályos számjegyek (1,2,3...)

start="n" – Szám, amelytől kezdve a számolást elkezdjük Például:

15. Programozás
16. Algoritmizálás
17. Tervezés

XV. Programozás

XVI. Algoritmizálás

A XVII. Tervezés

Megjelölt listák.

A felsorolásjeles listák esetében a böngésző jellemzően felsorolásjeleket használ a listaelem megjelölésére. A jelölő megjelenését általában a böngésző felhasználója állítja be.

A felsorolásjeles lista egy kezdőcímkével kezdődik

és a címkével végződik
. A lista minden eleme címkével kezdődik
1. . Például:

2. Programozás
3. Algoritmizálás
4. Tervezés

Programozás

Algoritmizálás

Tervezés

Címke

lehet egy paramétere:

Címke típusa

a jelölő megjelenését alapértelmezettként (korong), kerekként (körként) vagy négyzetként (négyzetként) határozza meg. Például:

• Programozás
• Algoritmizálás
• Tervezés

 Programozás

 Algoritmizálás

 Tervezés

Definíciós listák.

< dl>…- pair tag - definíciók listáját jeleníti meg.

Tervezés:

Term

A fogalom meghatározása

Címkével

a compact attribútummal a listaelemeket kompaktabb elrendezésre állíthatja be.

Tervezés:

Term

A fogalom meghatározása

A HTML-ben a táblázatok oszlopok és sorok halmazaként vannak rendezve. A táblázatcellák bármilyen HTML-elemet tartalmazhatnak, például címsorokat, listákat, bekezdéseket, alakzatokat, grafikákat és űrlapelemeket.

A fő táblázat címkéi Táblázat:

...

Ezek a fő címkék, amelyek leírják a táblázatot. Minden táblázatelemnek e két címkén belül kell lennie. Alapértelmezés szerint a táblázatoknak nincsenek szegélyei vagy elválasztói. A keret hozzáadódik a border attribútummal.

táblázat sora: ...

A táblázat sorainak számát az előforduló címkepárok száma határozza meg. ... A soroknak lehetnek igazítási és igazítási attribútumai, amelyek leírják a táblázatban lévő sorok tartalmának vizuális helyzetét.

Táblázat cellája: ...

Egy szabványos táblázatcellát ír le. Egy táblázatcella csak táblázatsoron belül írható le. Minden cellát annak az oszlopnak a számával kell megszámozni, amelyre vonatkozóan leírták. Ha egy sorból hiányzik egy vagy több cella egyes oszlopokhoz, akkor a böngésző üres cellát jelenít meg. Az adatok alapértelmezett helyét egy cellában az align="left" és valign="middle" attribútumok határozzák meg. Ez a hely a sorleírás szintjén és a cellaleírás szintjén is javítható.

Bármely táblázatcella definiálható nem címkékkel

…és címkéket …- Táblafejléc (táblafejléc). th

egy normál cellát jelöl, de a címkéken belüli szöveg félkövér és középre van szedve.

Aláírás: ...

Ez a címke a táblázat nevét írja le (felirat). Címke belül kell lennie

..., de kívül esik bármely sor vagy cella leírásán. Alapértelmezett rendelkezik egy align="top" attribútummal, de kifejezetten beállítható az align="bottom" értékre. igazítsa

meghatározza, hogy a felirat hol kerüljön a táblázat fölé vagy alá. A felirat mindig a táblázat szélességén belül van középen.

Alapvető táblázatszegély-attribútumok

Ezt az attribútumot a táblázat címkéje használja. Ha ez az attribútum jelen van, akkor a táblázat szegélye minden cellára és a táblázat egészére vonatkozik. A border numerikus értéket vehet fel, amely megadja a szegély szélességét, például border="3".

Szövegformázás HTML-ben - Módszerek és példák - 1 szavazat alapján 4,0 az 5-ből

Az előző leckékben megvizsgáltuk, hogyan kell módosítani, hogy bekezdésekre és .

Ebben a leckében megvizsgáljuk, hogyan lehet szöveget formázni HTML-ben, és milyen címkék léteznek ehhez.

Először is nézzük meg, hogyan módosíthatja a szöveg megjelenését a címke használatával és egy pár bezárása. Címke több tulajdonsága van. A face="" attribútum használható a szöveg betűtípusának beállítására. Ehhez a face="" attribútum idézőjelei között meg kell adni a betűtípus nevét.

Például: A te szöveged

Ebben a példában az Arial betűtípus lett beállítva, és a címkék közé helyezett minden szöveg ebben a betűtípusban jelenik meg. Nem egy, hanem több betűtípust is megadhatunk vesszővel elválasztva, ebben az esetben a listából az első megfelelő betűtípus kerül kiválasztásra. Azaz, ha például az Ön oldalát felkereső felhasználó nem rendelkezik az első betűtípussal a rendszerben, akkor a második betűtípus kerül kiválasztásra.

Így van írva: A te szöveged

Óvatosnak kell lennie a betűtípus kiválasztásával. Nincs szükség különféle egzotikus betűtípusok megadására. Mert lehet, hogy egyszerűen nincsenek a látogató számítógépén. A legjobb szabványos betűtípusok használata, például Arial, Times Roman, Vernada, Tahoma.

Következő címke attribútum mérete =="". Ezzel az attribútummal beállíthatja a betűméretet. Ehhez az idézőjelek között meg kell adni egy számot 1 és 7 között.

Például: A te szöveged

Ezen kívül van egy másik csoportja a szöveg formázására használt HTML címkéknek, amelyek segítségével a szöveg félkövér, dőlt, aláhúzható vagy áthúzható.

A címke használatával félkövérre szedheti a szöveget és egy pár bezárása. A címkék közé helyezett szöveg félkövér lesz. Ezenkívül a címke használatával félkövér szöveg is készíthető és egy pár bezárása. A kulcsszavak kiemeléséhez az oldalon jobb a második címkét használni.

Például: Miniatűr

A címkével a szöveget dőltté teheti A két címke közé helyezett szöveg jobbra dől.

Például: Dőlt betűs szöveg

A címke segítségével aláhúzott szöveg készíthető és egy pár zárócímke. A címkék között elhelyezett szöveg alatt egy sor lesz.

Például: Aláhúzott szöveg

Áthúzott szöveg hozható létre a címkével és egy pár zárócímke A címkék közé zárt szöveg középre kerül, és egy vonal lesz rajta.

Például: Áthúzott szöveg

A szöveg formázására használt következő HTML címke és egy pár lezárja. A címkék közé zárt szöveg nagyobb lesz a fő szöveghez képest.

Például: Nagy szöveg

Címke és egy pár lezárja pont az ellenkezője a fentebb tárgyalt címkének. A címkék közé zárt szöveg kisebb lesz, mint a törzsszöveg.

Például: kis szöveg

És végül még két címkét kell figyelembe vennünk, ezek a címkék , amelyek a felső indexet határozzák meg, azaz a címkék között található szöveg kisebb méretű lesz, és a fő betűtípushoz képest felül jelenik meg.

Például: ^{Felső index}

És címkék határozza meg az alsó indexet. A címkék közé zárt teszt a fő szöveg alatt található.

Például: _{alsó index}

Itt tulajdonképpen ezeknek a címkéknek a segítségével lehet meghatározni egyik vagy másik betűstílust, és html-be formázni a szöveget.

Az anyagot a portál készítette:

lovag fegyverrel 2012. szeptember 19-én 11:16-kor

Kerülendő hibák a HTML kód írásakor

Mindenki, aki nap mint nap HTML-lel dolgozik, legyen nagyon óvatos, mert a HTML összes szabályának betartása nem olyan egyszerű. Ez nagyon fontos, mert a HTML-ellenőrző minden, még apróbb hibát is megtalál, és hibás oldalkódot kap. Ma megpróbálunk ezek közül a leggyakoribbra figyelni. Biztos vagyok benne, hogy a javasolt ajánlások nagyon hasznosak lesznek sok, és különösen kezdő fejlesztő számára. Szóval üdv alatta

A HTML-címkék rossz egymásba ágyazása

Nagyon fontos az összes HTML-címke megfelelő bezárása. A kinyitásukkal fordított sorrendben kell bezárniuk. A legtöbb kezdő nem fordít erre kellő figyelmet. Ha a címkéket rossz sorrendben zárja be, ellenőrzési hibákat kap, és előfordulhat, hogy egyes stílusok nem használhatók. Légy óvatos!

Hiba

A te szöveged

Privilno

A te szöveged

Blokkelemek használata inline elemeken belül

Mindenki, aki legalább egy kicsit használta a HTML-t a gyakorlatban, tudja, hogy egy elem blokkként vagy vonalként is megjeleníthető. A blokkelemeknek, beleértve a bekezdéseket és szakaszokat, be kell illeszteni. Ez egy logikus dokumentumstruktúra, ezért ügyeljen arra, hogy a kód kövesse azt.

Népszerű beépített elemek: , , ,
Népszerű blokkelemek:

,

…

,

,

,
, ,

Hiba

Hiba

Privilno

A szabvány szerint

A listák helytelen használata

Az OL és UL címkék számos módon használhatók a listaelemek megjelenítésére. Emellett számos további előnyhöz jut. A listacímkék nagyon hasznosak az információk helyes megjelenítéséhez történő formázásában. Azt javaslom, hogy a listák létrehozásakor ne használjon idézőjeleket. A keresőmotorok éppolyan jók a listák használatában, mint az oldalon található információk strukturálásában. Hack helyett használjon szabványos címkéket.

Stílusok használata a kódban

Valószínűleg már hallottad, hogy a stílusok használata a kódban rossz. Gondolkoztál már azon, hogy miért van ez így? Ennek az az oka, hogy a CSS-t és a szemantikus HTML-t kifejezetten úgy tervezték, hogy elkülönítsék a tartalmat a tervezéstől. Ez a modell sokkal nagyobb rugalmasságot és kényelmet biztosít a dokumentumokkal való munka során.

Hiba

Csodálatos szöveged

A címcímkék figyelmen kívül hagyása

A címsorcímkék úgy vannak kialakítva, hogy a címsorokat az oldalon egy külön részre különítsék el. A szabvány a from címkék használatát javasolja

előtt

. A bennük lévő szöveg kialakítása, elrendezése bármi lehet, de legyen a dokumentum felépítése helyes!

Hiba Csodálatos címed

A cikk szövege.

Privilno

Csodálatos címed

A cikk szövege.

A FORM címke helytelen használata

Mindannyian gyakran követünk el hibákat, amikor űrlapokat és táblázatokat hozunk létre HTML-ben. Ne feledje, hogy a táblázatot már az űrlapon belül kell létrehozni!

Hiba

...

Privilno
...

Nem használja az ALT attribútumot

Amikor képekkel dolgozik, az ALT attribútumot kell használnia. Erre azért van szükség, mert a felhasználók képesek lesznek meghatározni, hogy mi legyen a kép helyén, még akkor is, ha nagyon lassú kapcsolatot használnak. Ennek az értéknek le kell írnia a használt kép lényegét. Soha ne használjon alt="képet". Ha a kép pusztán dekoratív funkciót lát el, akkor használja alt="*".

Hiba Privilno

Rossz címkék félkövér vagy dőlt betűkkel

Habár És a legtöbb esetben jól végzik a dolgukat, a stílusok használata a szöveg díszítésére sokkal nagyobb tervezési rugalmasságot tesz lehetővé. Ha a címke egyszerűen aláhúzza a szöveg egy részének jelentését, akkor használjon címkéket És .

A sortörések haszontalan használata

Címke
soronként egyszer használható a következő mondat következő sorban történő megkezdéséhez. Sokan ezt a címkét használják az elemek közötti térköz létrehozására. Ez a használat nem felel meg a szabványnak.

Hiba Első bekezdés.


Szöveg folytatása. Privilno

Első bekezdés.

Szöveg folytatása.

Címkék: HTML, hibák