Tags HTML nyarang

Kumaha sayang HTML Tags neuleu

Lamun kasampak di aksara HTML keur Kalurahan sagala kiwari, anjeun bakal nempo elemen HTML ngandung dina elemen HTML lianna. elemen ieu anu "jero" tina sejenna mangrupakeun naon katelah "elemen nested", sarta aranjeunna penting pikeun ngawangun sagala kaca web kiwari.

Naon Dupi Ieu Maksudna pikeun sayang HTML Tags?

Cara panggampangna pikeun ngarti nyarang téh mikir tag HTML sakumaha buleud nu nyekel eusi Anjeun. eusi Anjeun tiasa ngawengku téks, gambar, jsb tag HTML nu buleud sabudeureun eusi. Kadang-kadang, Anjeun kudu buleud tempat jero buleud lianna. Maranéhanana "batin" buleud anu nested jero batur.

Upami Anjeun gaduh blok téks nu rék kandel jero ayat hiji, anjeun bakal kudu dua elemen HTML ogé téks téa.

Conto: Ieu kalimah tina tulisan.

téks nu mangrupa naon baris kami nganggo sakumaha conto urang. Di dieu nyaeta kumaha éta bakal ditulis.

Conto:. Ieu kalimah tina tulisan

Kusabab rék kecap "kalimah" janten kandel, Anjeun nambahkeun lawang jeung nutup tag kandel sateuacan na sanggeus worod éta.

Conto:. Ieu kalimah tina téks

Sakumaha anjeun tiasa tingali, urang boga hiji kotak (paragraf) anu ngandung eusi / teks kalimah urang, tambah hiji kotak kadua (nu kuat pasangan tag), nu bakal ngarobah eta kecap sakumaha kandel.

Lamun anjeun sayang tag, éta kritis kade ulah nutup tag dina urutan sabalikna nu dibuka aranjeunna. Anjeun buka

heula, dituturkeun ku , nu hartina anjeun sabalikna yen tur nutup terus .

Cara séjén pikeun mikir ngeunaan ieu nepi ka sakali deui nganggo analogi buleud. Lamun nempatkeun kotak jero kotak sejen, Anjeun kudu nutup salah jero saméméh anjeun tiasa tutup kotak luar atawa ngandung.

Nambahkeun More Nested Tags

Kumaha lamun anjeun ngan hayang hiji atawa dua kecap janten kandel, sarta set sejen janten italic? Di dieu téh kumaha ngalakukeun éta.

Conto:. Ieu kalimah tina téks na eta oge ngabogaan sababaraha téks italicized teuing

Anjeun tiasa ningali éta kotak luar urang, nu

, ayeuna boga dua tag nested jero eta - nu jeung . Éta kudu duanana ditutup méméh éta kotak ngandung bisa ditutup.

Conto:.. Ieu kalimah tina téks na eta oge ngabogaan sababaraha téks italicized teuing

Ieu ayat sejen < / p>

Dina hal ieu urang kudu buleud jero buleud! Paling kaluar kotak teh

atawa "division". Jero kotak anu sapasang tag ayat nested, sarta di jero ayat kahiji urang boga salajengna na pasangan tag. Sakali deui, kasampak iraha wae kaca web kiwari sarta anjeun bakal nempo tur leuwih nyarang ieu lumangsung! Ieu sabaraha kaca nu diwangun - buleud jero buleud.

Naha Kudu Anjeun Paduli Ngeunaan nyarang

Jumlah hiji alesan anu sakuduna anjeun ngeunaan miara nyarang nyaeta lamun keur bade nganggo CSS. Cascading Style cadar ngandelkeun tag bisa konsistén nested dina dokumen éta ku kituna bisa ngabejaan dimana gaya ngawitan na tungtung. Lamun anjeun nyetel gaya anu sakuduna mangaruhan sagala "Tumbu anu jero ti division ku kelas" utama-eusi "" téks dina kaca, anu nyarang lepat ngajadikeun eta teuas pikeun browser nu uninga dimana panawaran gaya ieu. Hayu urang nempo sababaraha HTML:

Conto: Ieu kalimah tina téks na eta oge ngabogaan sababaraha téks italicized teuing Ieu ayat sejen .

Ngagunakeun conto nu abdi kakarék nyatakeun, upami kuring hayang nulis gaya CSS nu bakal dampak link jero division ieu, sarta ngan anu link (sabalikna tina sagala Tumbu lianna di bagian sejen kaca), bakal perlu nganggo nyarang nulis gaya abdi, sakumaha sapertos:

.main-eusi a {warna: # F00; }

alesan sejen kaasup diakses sarta kasaluyuan browser. Mun HTML anjeun leres nested, éta moal bisa jadi diaksés ka pamiarsa layar tur panyungsi heubeul - na eta malah bisa ditumpes megatkeun penampilan visual kaca a lamun panyungsi moal bisa angka kaluar kumaha carana leres ngarobah kaca sabab elemen HTML jeung tag anu kaluar tina tempat.

Tungtungna, upami nu nuju striving nulis HTML sagemblengna bener jeung valid, anjeun bakal kedah nganggo nyarang bener. Upami teu kitu, unggal validator bakal Bandéra HTML anjeun sakumaha lepat.