HTML etiketa habiak

Nola kokatu HTML etiketak zuzenki

HTML orriko edozein web orrialdetan begiratuz gero, beste HTML elementuetan dauden HTML elementu ikusiko dituzu. Beste "barrutik" dauden elementuek "habiaratutako elementuen" izenak dira, eta ezinbestekoak dira web orrialde bat eraikitzeko gaur egun.

Zer esan nahi du Nest HTML etiketak?

Iratzeak ulertzeko modurik errazena da HTML etiketak zure edukia edukitzeko kutxak bezala pentsatzea. Zure edukiak testua, irudiak eta abar izan ditzake. HTML etiketak edukiaren inguruko kaxak dira. Batzuetan, beste kutxen barruan kutxen tokiak behar dituzu. Barruko "kaxak" horiek beste batzuen barruan biltzen dira.

Paragrafo batean lodia nahi duzun testu bloke bat baduzu, bi HTML elementu eta testua bera izango dituzu.

Adibidez: testu honen esaldi bat da.

Testu hori gure adibide gisa erabiliko dugu. Hona hemen nola idatziko litzatekeen.

Adibidez: hau da testu-esaldi bat.

"Esaldia" hitza lodia izatea nahi duzunez gero, orrialde negatiboak ireki eta itxi egiten dituzu.

Adibidez: hau da esaldi testu bat.

Ikusten duzun bezala, gure esaldiaren edukia / testua duen kutxa bat (paragrafoa) eta bigarren koadro bat (etiketa etiketa sendoa), zeinak hitz hau lodia izango baitu.

Etiketak habiarazten dituzunean, kritikoan garrantzitsua da etiketak itxi dituzula ireki dituzun kontrako aginduan.

lehenik irekitzen duzu, ondoren, hau da, alderantzikatu eta itxi eta gero .

Horretarako beste modu bat berriro erabili behar da kutxen analogia. Koadro bat beste kutxa batean jartzen baduzu, kanpoko bat itxi behar duzu kanpoko edo kutxa itxi aurretik.

Habiaratutako etiketa gehiago gehitzea

Zer da hitz bakar bat edo bi lodia izatea nahi baduzu, eta beste bat etzana izan behar duzu? Hona hemen nola egin.

Adibidez: hau da esaldi testua eta gainera letra etzanak ere baditu.

Ikusten duzunez, kanpoaldeko kutxa,

, orain bi habiaratutako etiketak ditu barruan: eta . Biak itxita egon behar dute kutxa hori itxita egon aurretik.

Adibidez: hau da esaldi testua eta gainera testu etzaletan batzuk ere badira.

Hau beste paragrafo bat da. < / p>

Kasu honetan kaxak barruan kutxak ditugu! Gehiengo kutxa

edo "zatiketa" da. Kutxa horren barruan, paragrafo habiaratutako etiketa pare bat daude, eta lehenengo paragrafoan hurrengo eta etiketa bikoteak ditugu. Berriro ere, begiratu web orrialde bat, gaur egun, eta hau eta habia askoz gehiago ikusiko duzu! Horrela nola orriak eraiki diren - kaxak barruan koadroak.

Zergatik zaintzen duzu habia buruz?

Iratzeari buruz zaintzeko ardura duen zenbaki bakarra CSSa erabiltzen ari bazara. Cascading Style Sheets etiketan oinarritzen da dokumentuaren barruan biluzik egon dadin, non estiloak hasten eta amaituko diren. "Zutabearen barruan dauden" eduki nagusiak "orriko" eduki "motako" zutabearen barruan dauden estekak "eragiten duen estiloa konfiguratzen baduzu, habiaratze okerrak arakatzaileak estilo hauetakoren bat aplikatu ahal izateko jakin dezagun zail egiten du. Ikus dezagun HTML batzuk:

Adibidez: hau da esaldi testua eta letra etzanez ere badauka gehiegi.

Hau da beste paragrafo bat .

Esan dudan adibidea erabiliz, zutabeko estekan eragina izango duen CSS estiloa idatzi nahi badut, eta lotura hori bakarrik (beste orrialde batzuetan beste edozein esteka ez bezala), erabili beharko nuke Nire estiloa idazteko habia, hala nola:

.main-content a {color: # F00; }

Beste arrazoi batzuk irisgarritasuna eta arakatzailearen bateragarritasuna dira. HTMLa gaizki habiaratuta badago, pantailako irakurgailuak eta nabigatzaile zaharrak ez dira erabilgarriak izango, eta orrialde baten ikusizko itxura apurtu ahal izango da arakatzaileak ezin bada irudikatu orri bat behar bezala nola atera HTML elementu eta etiketa kanpo daude.

Azkenean, zuzena eta baliozkoa den HTMLa idazten saiatzen ari bazara, jaiotze zuzena erabili beharko duzu. Bestela, balidatzaile bakoitzak HTMLa ez da zuzena markatuko.