Laboratóriumi munka A 2. számú listák egyszerűek és befektetnek. HTML táblák létrehozása

A munka célja: A HTML fájl helyével és tesztelésével. Listák létrehozása. Helyezzen be táblákat és szerkezetüket. Oldal maketling táblák segítségével.

Rövid elméleti információk

A HTML-dokumentumban három fő típusa van: a definíciók számozott jelöltje

Befektetési listákat hozhatunk létre különböző listák címkével, vagy ismétlődhetünk a többiek belsejében. Ehhez csak egy pár címkét kell elhelyezni (indulás és végleges)

egy másik. Függetlenül attól, hogy a mellékelt lista elemei ugyanazok a markerek, amelyek a listát jelölik - a böngészőtől függ. Nézze meg részleteit a "Mentetlen listák" szakaszban.

Számozott listák

A számozott listában a böngésző automatikusan beilleszti az elemek számát sorrendben. Ez azt jelenti, hogy ha törli a számozott lista egy vagy több elemét, a többi szám automatikusan újraszámításra kerül.

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

És befejezi a címkét

1. Programozás

2. Algoritmizáció

3. Tervezés

Címke

Lehet paraméterek:

hol: Típus - A 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 figurák (I, II, III ...) I - Kis római adatok (I, II, III ...) 1 - Rendes számok (1,2,3 ...)

sTART \u003d "N" összesen, amelyből a számlálás például:

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

XV Programozás

XVI. Algoritmizálás

XVII. Tervezés

Jelölt listák.

A címke listákhoz a böngésző általában jelölőket használ a listaelem megjelöléséhez. A jelölő típusa általában konfigurálja a böngésző felhasználót.

A címkelista a kezdőcímkével kezdődik

És befejezi a címkét
. A lista minden eleme a 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, hogy van egy paraméter:

Tag típus

Meghatározza megjelenés Jelölő alapértelmezett nézet (lemez), kerek (kör) vagy négyzet (négyzet). Például:

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

 Programozás

 algoritmizáció

 Design

A definíciók listája.

< dl>… - Pár címke - Megjeleníti a definíciók listáját.

Tervezés:

Kifejezés

A kifejezés meghatározása

A címkével

A kompakt attribútum segítségével beállíthatja a listaelemek kompakt helyének beállítását.

Tervezés:

Kifejezés

A kifejezés meghatározása

A HTML-ben lévő táblázatok oszlopok és sorok készleteként vannak szervezve. A sejtsejtek tartalmazhatnak bármilyen HTML elemeket, például címsorokat, listákat, bekezdéseket, ábrákat, grafikákat és formanyomtatványokat.

Alapvető címkék Asztali táblázat:

...

Ezek az asztal leíró fő címkéi. A táblázat minden elemének e két címke belsejében kell lennie. Alapértelmezés szerint a táblázat nem rendelkezik keretezve és szeparátorokkal. A keretezést a határ-attribútum hozzáadja.

Asztali sor: ...

A táblázat sorai számát a résztvevő címkék száma határozza meg ... A sorok lehetnek igazítsa az attribútumokat és Valig, amely leírja a táblázatban lévő sorok tartalmának vizuális helyzetét.

Asztali cella: ...

Leír egy szabványos asztali cellát. Az asztali cellát csak az asztal sorában lehet leírni. Minden cellát a hangszóró számával kell számozni, amelyre leírják. Ha valamilyen oszlopban nincs egy vagy több sejt, akkor a böngésző üres cellát jelenít meg. Az adatok helyét az alapértelmezett cellában az Align \u003d "Bal" és Valign \u003d "Közép" attribútumok határozzák meg. Ez a hely a karakterlánc leírásának szintjén és a sejt leírás szintjén javítható.

A táblázat bármely cellája nem definiálható, nem címkék

…és címkék … - Asztali fejléc (táblázat címe). Th.

ez egy hagyományos sejt, de a címkéken belüli szöveg merész és központosított.

Aláírás: ...

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

..., de a karakterlánc vagy a cella leírásán kívül. Alapértelmezett Align \u003d "felső" attribútum van, de kifejezetten az Align \u003d "Bottom" -ra telepíthető. Igazítsa.

meghatározza, hogy a táblázat tetején vagy alján kerüljön alkalmazásra. Az aláírás mindig az asztal szélességének keretében áll.

Alapvető attribútumok Border Table

Ezt az attribútumot a táblázatcímkén használják. Ha ez az attribútum jelen van, az asztalhatár minden sejtre és az asztalra vonatkozik. A határ olyan numerikus értéket is igénybe vehet, amely meghatározza a határ szélességét, például a határ \u003d "3".

knight hordóval 2012. szeptember 19-én 11: 16-kor

Hibák elkerülése érdekében HTML kód írásakor

Mindenki, aki minden nap a HTML-vel dolgozik, nagyon figyelmesnek kell lennie, mivel nem olyan könnyű követni az összes HTML-szabályt. Ez nagyon fontos, mivel a HTML validátor mindent, még kiskorú, hibákat talál, és hibákkal kapja meg az oldalkódot. Ma megpróbálunk figyelmet fordítani a leggyakoribbakra. Biztos vagyok benne, hogy a javasolt ajánlások nagyon hasznosak lesznek sok, különösen kezdőknek, fejlesztőknek. Így üdvözöljük

Rossz fészkelő html címkék

Nagyon fontos, hogy helyesen lezárjon mindent. HTML-címkék. Bezárniuk kell fordított sorrendben Összehasonlítva, hogyan voltak nyitva. A legtöbb újonc nem fizetnek kellő figyelmet. Ha a címkék rossz sorrendben vannak lezárva, akkor hibákat fognak kapni a validálásban, és néhány stílus nem használható. Légy óvatos!

Hiba

A te szöveged

Számszerűen

A te szöveged

A kisbetűs blokk elemek használata

Mindazok, akik legalább egy kicsit használt HTML a gyakorlatban tudom, hogy az elem megjeleníthető, vagy blokkként vagy karakterláncként. A blokk elemek, beleértve a bekezdéseket és a partíciókat kisbetűket kell tartalmazniuk. Ez egy logikai dokumentum, ezért győződjön meg róla, hogy a kód megfelel.

Népszerű kisbetűs elemek: , , ,
Népszerű blokk elemek:

,

…

,

,

,
, ,

Hiba

Hiba

Számszerűen

A szabvány szerint

A listák helytelen használata

Az OL és az UL címkék felhasználhatók a listaelemek sokféleképpen történő megjelenítéséhez. Szintén sok további előnyt kapsz. A címkékek listája nagyon hasznos formázási információ a helyes kijelzőn. Azt javaslom, hogy megtagadja a listák létrehozásakor idézeteket. A keresőmotorok a listák használatára is utalnak, mivel segít az oldal felépítésében. Használjon szabványos címkéket a hackek helyett.

A stílusok használata kódban

Valószínűleg már hallottad, hogy a stílusok használata a kódban rossz. Nem gondoltad, miért van ez? Ennek az az oka, hogy az CS-eket és a szemantikai HTML-t pontosan elképzeljük a tartalom elválasztására. Az ilyen modell sokkal nagyobb rugalmasságot és kényelmet biztosít a dokumentumokkal való együttműködéshez.

Hiba

A csodálatos szöveged

Figyelmen kívül hagyva a címke tagov

A címkék fejléceket úgy tervezték, hogy kiemelje a fejléceket egy külön partícióba az oldalon. Standard azt sugallja, hogy ezt a címkéket használják

előtt

. A szövegek tervezése és elrendezése lehet bármilyen, de hagyja, hogy a dokumentum helyesen legyen strukturálva!

Hiba A csodálatos cím

A cikk szövegét.

Számszerűen

A csodálatos cím

A cikk szövegét.

Az űrlapcímke helytelen használata

Mindannyian gyakran hibáztatunk formákat és táblákat létrehozunk a HTML-ben. Ne feledje, hogy a táblázatot már az űrlapon belül kell létrehozni!

Hiba

...

Számszerűen
...

Nem használható attribútum alt.

A képeken való munka során az Alt attribútumot kell használnia. Szükség van, mivel 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. Ez az érték leírja a használt kép lényegét. Soha ne használja az Alt \u003d "képet." Ha a kép tisztán dekoratív funkciókat hajt végre, akkor használja alt \u003d "*".

Hiba Számszerűen

Helytelen címkék a zsír vagy a dőlt betűnő kiemeléséhez

Habár és A legtöbb esetben tökéletesen kezelhető feladataikkal, a szövegtervezés stílusának használata lehetővé teszi, hogy sokkal nagyobb rugalmasságot kapjon. Ha a címke egyszerűen hangsúlyozza a szöveg egy adott részének értékét, akkor használja a címkéket és .

A sor átvitelének haszontalan használata

Címke
Használható egyszer egy karakterláncban annak érdekében, hogy a következő javaslatot elindítsa a következő sorban. Sokan használhatják ezt a címkét az elemek közötti távolság létrehozásához. Ez a felhasználás nem felel meg a szabványoknak.

A hiba az első bekezdés.


Folytatás szöveg. Számszerűen

Az első bekezdés.

Folytatás szöveg.

Címkék: HTML, hibák

Szöveg formázása HTML - Módszerek és példák - 4.0 Az 5-ből az 1 szavazás alapján

Hogyan módosíthatjuk azt a bekezdésekre, és a múltbeli leckékben vettük figyelembe.

Ebben a leckében megnézzük, hogy a HTML-ben lévő szövegformázás hogyan formázható, és milyen címkék vannak erre.

Először is, fontolja meg, hogyan módosíthatja a szöveg típusát a címkével és pár bezárva. Taga Számos attribútum van. Az arc \u003d "" attribútum használatával beállíthatja a szöveg betűtípust. Ehhez az attribútum arcán lévő idézetek között \u003d "" Regisztrálnia kell a betűtípus nevét.

Például: A te szöveged

Ebben a példában az Arial betűtípust beállították, és a címkék közötti teljes szöveget a betűtípus jelzi. Megadhatja, hogy nem egy, de több betűtípust a vesszőn keresztül, ebben az esetben az első illeszkedő betűtípus kerül kiválasztásra a listából. Vagyis ha például az első betűtípus a felhasználó, aki rövidített az oldalára, akkor nem lesz, akkor a második betűtípus lesz kiválasztva.

Ez így van írva: A te szöveged

A betűtípus kiválasztásával óvatosnak kell lenned. Nem kell különböző egzotikus betűtípusokat jelezni. Mert egyszerűen nem lehet a látogató számítógépén. A legjobb, ha szabványos betűtípusokat használunk, mint például Arial, Times Roman, Vernada, Tahoma.

Következő címke attribútum Ez a méret \u003d "". Ezzel az attribútummal beállíthatja a betűméretet. Ehhez az idézetek között meg kell adnia a számot 1-7.

Például: A te szöveged

Ezenkívül van egy másik csoport HTML-címkék, amelyet szöveg formázásához használnak, szövegükkel, akkor kiemelhető merész, dőlt betűvel, hangsúlyozva vagy keresztben.

A szöveget egy címkével lehet elvégezni és pár bezárva. A címkék között található szöveg zsír lesz. Ezenkívül a félkövér szöveget a címkével lehet elvégezni és pár bezárva. A kulcsszavak kiemeléséhez az oldalon jobb a második címke használata.

Például: Miniatűr

Szöveget tehetsz dőlt betűvel címkével A két címke között található szövegnek a jobb oldali lejtőn lesz.

Például: Szöveg dőlt betűkkel

Az aláhúzott szöveg a címkével történhet és párosítsa a címkét. A címkék között elhelyezett szöveg alatt a vonal kerül megrendezésre.

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

A keresztezett szöveg egy címkével hozható létre és párosítsa a címkét A címkék között mellékelt szöveg a központban lesz, áthúzva a vonalat.

Például: Lúgott szöveg

A szöveg formázásához használt következő HTML-címke és gőzzel zárva. A címkék között létrejött szöveg nagyobb lesz a főhöz képest.

Például: Nagy szöveg

Címke és gőzzel zárva A vizsgált címke közvetlen ellentéte valamivel magasabb. A címkék közötti szöveg kevesebb méretű lesz a fő szöveghez képest.

Például: Kis szöveg

Nos, végül még mindig több címkét kell figyelembe vennie Ez meghatározza a felső indexet, azaz a címkék közötti szöveg kisebb méretű, és a felső betűtípushoz viszonyítva látható.

Például: ^Superspirct

És címkék Határozza meg az alsó indexet. A teszt, a fenti címkék foglya között, a fő szöveg alatt található.

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

Itt van a címkeadatok segítségével, meghatározhat egy vagy egy másik betűtípust és formátumú szöveg formázást a HTML-ben.

A portál által készített anyag:

Böngésző	Internet böngésző.			Netscape.			Opera.			Szafari.	Mozilla.	Firefox.
Változat	5.5	6.0	7.0	6.0	7.0	8.0	7.0	8.0	9.0	1.0	1.7	1.0	2.0
Támogatott	Igen	Igen	Igen	Igen	Igen	Igen	Igen	Igen	Igen	Igen	Igen	Igen	Igen

Leírás

Címke Ez egy tartály, amely megváltoztatja a betűtípus jellemzőit, például méretét, színét és fejhallgatót. Bár ezt a címkét továbbra is minden böngésző támogatja, elavultnak tekinthető, és ajánlott megtagadni a stílus megtagadását.

Szintaxis

Szöveg

Záró címke

Kötelező.

Paraméterek

A színes szöveg színét beállítja. Az arc határozza meg a betűtípus fülhallgatót. Méret állítja be a betűméretet a hagyományos egységekben.

1. példa címke használatával










Pa javaslat fejét az Arial betűtípus írja, piros színnel és méretben.





A címke paramétereinek leírása

Színes paraméter

Leírás

Beállítja a szöveg színét a tartály belsejében .

Szintaxis

...

Érvek

A színérték kétféleképpen állítható be.

1. A neve

A böngészők néhány színt támogatnak a nevük szerint.

2. Hexadecimális értékben

A színek beállításához a számokat hexadecimális kódban használják. A hexadecimális rendszer, a tizedes rendszertől eltérően, a 16. szám közül az alábbiak szerint történik. A számok a következők: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. A 10-15. Ábrák latin betűkkel vannak helyettesítve. A számok több mint 15, a hexadecimális rendszerben két szám kombinációjával van kialakítva. Például a decimális rendszerben lévő 255 szám megfelel az FF számnak a hexadecimális rendszerben. Annak érdekében, hogy ne zavarja a zavart a számrendszer meghatározásában, a rács szimbóluma hexadecimális, például # 666999 előtt van beállítva. A három szín mindegyike piros, zöld és kék - 00-tól az FF értékre vehet. Így a szín megnevezése három komponensre oszlik a #RRGGBB-re, ahol az első két karakter jelzi a szín, két közepes zöld, és az utolsó kettő kék színét.

Analóg CSS.

Alapértelmezett érték

Az alapértelmezett böngészőbe telepített szín.

Paraméter arc

Leírás

Az arcparaméter a szöveghez használt betűtípus-fülhallgató beállítására szolgál. A betűtípusok nevei több vesszőn keresztül hozhatók. Ebben az esetben, ha az első megadott betűtípus megtalálható, a böngésző a következő listán fogja használni.

Szintaxis

...

Érvek

A vesszők által elválasztott betűtípusok száma. Univerzális betűtípusok:
serif - Betűtípusok Serif (Antik), Típus Times;
sans-serif - apróra vágott betűtípusok (betűtípusok nélküli cipők vagy groteszk), tipikus képviselő - Arial;
kurzív - tiszta betűtípusok;
fantázia - dekoratív betűtípusok;
monospace - Monoshyrched betűtípusok, az egyes szimbólumok szélessége ugyanabban a családban ugyanaz.

Analóg CSS.

Alapértelmezett érték

Az alapértelmezett böngészőbe telepített betűtípus.

Méret opció

Leírás

A betűméret a hagyományos egységekben 1-7. Az alapértelmezés szerint használt átlagos méret 3. A betűméret abszolút értékként (például méret \u003d "4") és relatív (például méret \u003d "+ 1", méret \u003d "- 1"). Az utóbbi esetben a méret a bázishoz viszonyítva változik. A betűméret nemcsak a megadott méretparamétert érinti, hanem a betűtípus fülhallgató választását is. Tehát az Arial betűtípus nagyobbnak tűnik, mint a betűtípusok, és a Verdana betűtípus valamivel több ARIAL betűtípus. A betűtípus és méret kiválasztásakor vegye be ezt a funkciót.

Szintaxis

...

Érvek

1-től 7-ig terjedő egész szám, vagy egy nagy vagy kisebb oldalra való változás szimbólumokkal + és -.

Kérdések a teszthez

Mi a html? Hány kötelező címke ismert? Milyen címkék a dokumentum neve? Milyen címkék határozzák meg a dokumentumban szereplő bekezdést? A második szint fejlécje, a jobb szélén enyhített, a címke: hogyan kell menni az angol nyelvre. A nyelvi címkék rögzítve a jobb, a bal szélén, a központban, a szélesség: hiányában a tag fejlécben vagy bekezdésében az igazítás paraméter vezetékeket a szöveg igazítását szerint: milyen páratlan címkék tudod, hogy a vízszintes vonal 50% széles, vastag 2 pixel, a rossz, kék szín a szükséges címke, ami szükséges HTML-ben? A HTML-dokumentumban ismert szövegformázás (módszerek) a HTML-dokumentumban ismertek? Milyen címkéket kell alkalmazni a zúzott merész szövegek megszerzéséhez? Mit jelent a kóding és az aláhúzott szöveg, amely a Cruising és az aláhúzott szöveget adja: milyen címkék váltják át a szöveget a karakterlánc fő szintjére (hosszú és helyettesítés)? Mi a formázási címke az arc-, szín- és méretparaméterekhez? Mi történik, ha az arcparaméterben megadott betűtípus nincs telepítve a számítógépre? Milyen címkék különböző találkozókkal azonos (dőlt betű) Megjeleníti a szöveget? Mi a Porererizálja, ha a címke Nem zárul ki zárva? Ha egy Monoshyrawn szöveges oldalt kell megjeleníteni, akkor a címkék használatával fogja megjeleníteni: értelmezze a következő kódfragmenst:
Vidám html Mi a hipertext? Adja meg a linkek kompozit részeit? A dokumentumindextől származó hivatkozások megszervezése. HTM a dokumentumkönyvben. HTM, ugyanabban a könyvtárban található, meg kell írnia egy sztringet: Milyen a szokásos hiperlink (a stílusok nélkül)? Mi történik, ha a fájl, amelyre hivatkozik, hiányzik? Hogyan hivatkozhat az indexfájlra. HTM, a gyökéren, a Risunki fájlban. HTM, a kép mappában található, amelyet a Shedevr mappába fektetnek be? Milyen esetekben tanácsos belső kapcsolatokat alkalmazni? Annak érdekében, hogy belső kapcsolat legyen az "Edition" (Anchor Izdan horgony) szakaszhoz (Horgony-Izdan): magyarázza meg a következő fragmentum jelentését: Következtetés Hogyan készítsünk egy linket a postafiókra ***** @ *** RU Mi meghatározza a BGColor paramétert? Milyen számrendszereket használnak a HTML színeinek megjelenítéséhez? Milyen színt képvisel a kék? Milyen HTML-oldal van a testcímke paraméterek jelenléte nélkül? Jelölje meg a címke test paraméterei attribútumok helyes csapatait? Milyen paraméter a megtekintett link színe? Hány paraméterei Body tag beállítás határait a HTML dokumentum mezőket tudod mit paraméter Body címkével, hogy egy dokumentum, mint a háttér - egy kép? Milyen címkét ad meg számozott és megjelölt listát? Hogyan módosíthatja a marker típusát a gyűrött négyzeten? Hogyan lehet végrehajtani a függőleges asztali cellat? Vízszintesen?