Leckék a webhelyek címkéinek és attribútumainak elrendezéséről a html-ben

Ebből a leckéből megtudhatja, hogyan lehet létrehozni egy címkét, hozzárendelni neki egy attribútumot, és ismerkedjen meg az osztályokkal és az azonosítókkal.

A címkék (címkék, címkék, címkék) kulcsszavak, amelyeket szögletes zárójelek vesznek körül ( <и> ). A címkék a HTML nyelv alapjai. A címke szerkezete mindig ez:







A címkékhez szükség lehet a bezárásra, és nem feltétlenül szükséges. Az alábbiakban egy címke van, amely bezáródik, ehhez a szimbólum / megelőzi a nevet.

A bezárásra szánt címkék:

Jegyezzük meg a záró perjelet a végén, néha záró karakterként használjuk, de nem szükséges használni.

A címkéket nem látjuk a böngészőben, de ezek az alapok bármely webhely elrendezésének alapját képezik. A címkék feladata, hogy "megmagyarázzák" a böngészőt, hol helyezzen el néhány elemet, milyen tulajdonságokat kell tartalmaznia. Ezután meglátja, hogyan kell írni a kódot és megérteni, hogy hol és milyen címkéket kell használni.

Íme a fő címkék, amelyek meghatározzák a dokumentum szerkezetét:

Címke attribútumok

A címkék tulajdonságait "attribútumoknak" hívják. A címkéknek lehet egy vagy több attribútuma, vagy lehetnek teljesen nélkülük.

Attribútumokat arra használjuk, hogy a böngésző képes megkülönböztetni az egyiket a másiktól címkéket, amelyek további információt tartalmaznak az elemek és mindig jelzi a nyitó tag.

Az attribútumok párokban vannak megadva név és érték formájában: name = "value". Például hozzá lehet adni a lang attribútumot egy elemhez :

Ez a sor így olvasható: a címke van egy lang attribútum. és az értéke en-US.

Hiperhivatkozások és képek

Hiperhivatkozás létrehozásához használja a címkét . A kapcsolat fő jellemzője mindig a href attribútum. amely jelzi, hogy melyik oldal nyílik meg, amikor rákattint erre a linkre. Íme egy példa egy szöveges linkre, vagyis egy címke tartalmára ebben az esetben a szöveg:

Ugyanannak az elemnek számos tulajdonsága lehet. Például egy címke . amely a képekért felelős:

Nézzük meg ezt a sort: az elem vannak ilyen tulajdonságok:

Tulajdonságok hozzáadása

Az attribútumok írási szabályai nagyon egyszerűek:

  • mindig értékelni kell az értékeket;
  • Csak ugyanazokat az idézőjeleket használja: ha a bal oldali érték egy vagy kettős idézőjel ("és"), akkor a jobb oldali legyen azonos;
  • csak kisbetűket használjon az attribútumnevekhez (nem vonatkozik az értékekre).

Íme néhány leggyakrabban használt attribútum:

a jelentést gyakran formákban használják

Osztály és id attribútumok

Az osztályok és azonosítók olyan attribútumok, amelyeket osztálynak és idnek neveznek. Szükség van arra, hogy kiválaszthassuk azokat az elemeket, amelyekre stílusokat alkalmazhat. A választók az elemek, osztályok, azonosító vagy címke nevek szerinti kiválasztására szolgálnak.







A választók lehetnek bármilyen címkenevek, de abban az esetben, ha sok címke van, gyakran meg kell őket ismételni. Ezután az osztályozó és az azonosító hasznosnak találja a címkék megkülönböztetését a többiektől.

Class és id attribútumokat arra használjuk, hogy akkor lehet alkalmazni, stílusok csak meghatározott tárgyakat, meg kell stílus lapok (ez CSS, mi megy róla a következő tanulságokat, és még mindig van ideje, hogy zavarlak), valamint a script az oldalon.

Az azonosítónak egyedinek kell lennie, nem meg kell ismételnie az oldalt, és csak egy elemre vonatkozik. Ugyanazon elemhez csak egy azonosítót adhat meg.

Az osztályok lehetnek számok, ezeket az osztály attribútumban lévő szóköz jelöli. Ugyanarra az objektumra megadhatja mind az azonosítót, mind az osztályokat, csakúgy, mint azt.

Az azonosítók és osztálynevek esetében ugyanazok a szabályok használatosak:

  • csak latin betűk
    jó: class = "class_01". rossz: class = "class_01";
  • csak kisbetűs
    jó: class = "class_01". nemkívánatos: class = "Class_01";
  • Az első karakter csak a betű
    jó: image_01. rossz: 01_kép;

Attribútum alt - a képekhez szükséges

A jelölés szabályai szerint minden képnek az alt attribútummal kell rendelkeznie. Ha nincs rá szükséged, hagyd üresen, de mindenképpen hozzáadj hozzá:

? Alacsonyabb az attribútumnevekhez

Mind az osztálynevek, mind az id és a tag nevek kisbetűseknek kell lenniük.

Általában a HTML címkék érzékenyek a kis- és nagybetűkre

a böngésző egyenértékű

. A HTML5 specifikáció nem határozza meg, hogy melyik regisztert használja. Azonban a nagybetűk korábbi használata a címke nevében hiba volt.

Ma már megtudtál egy kicsit többet a címkékről és attribútumokról. Ezután folytatni fogjuk a címkék megismerését, megmondom Önt az oldalak, a metaadatok, a címsorok és a HTML-írás szabályainak formanyomtatványairól. Ossza meg óráit barátaival, és miközben meg fogom írni a következő leckét. Hamarosan találkozunk!

← Tisni "Laik", olvass el minket a Feisbutsí-ban

Tokar_ua legyen a tanfolyam. Lépjen a csatornánkra a Telegramban.

„Adat-POST_ID = "9061" adat-user_id = "0" data-is_need_logged = "0" data-lang = "en" adat-decom_comment_single_translate = "megjegyzést a" data-decom_comment_twice_translate = "megjegyzés" adat-decom_comment_plural_translate = "komentarіv" adatok-multiple_vote = "1" adatok-text_lang_comment_deleted = 'komentarijah Vidal' adatok-text_lang_edited = "Vіdredagovano" adat-text_lang_delete = "Vidaliti" adatok-text_lang_not_zero = "mező nem NULL" adat-text_lang_required = „Tse obov'yazkove mezőben. " adatok-text_lang_checked = "Oberіt egyike punktіv:" adatok-text_lang_completed = "Operatsіyu kitöltött" adatok-text_lang_items_deleted = "Ob'єkti Bulo Vidal" adatok-text_lang_close = "zárt-" adatok-text_lang_loading = "Zavantazhennya.">

Add hozzá a figyelmet

Vibachte, a komentavnya neobhіdno увійти.

1 megjegyzés

Mikor lesz az alkalmazás?

Nyilvános rendelés a puszta

Інтернет, технології, життя

Materіali honlapján mozhut Buti vikoristanі a nekomertsіynih tsіlyah s Activity posilannyam, nyilván én vіdkritim a іndeksatsії.

Engedélyezett: Creative Commons Attribution 4.0.

Tudja a kegyelmet? Írja be a szöveget, majd válassza a Ctrl + Enter parancsot.
Büszkeség a Bukvuson

Miért kell hozzáfűznöm a szkriptet?

Nem vagyok spam. Nekhay píznayut gíkrtu буття ті, hto tsebit

Én mozhu alkalommal a misyats nadislati lap tsikavimi bejegyzést a blog. Nem több, mint én nichichogo. Vkazuyuchi a postu, vie pogozzhuesytes zim.




Kapcsolódó cikkek