Nesting HTML Tags

Nzira yeNest HTML Tags Zvakarurama

Kana iwe ukatarisa markup HTML kune chero peji yepaji nhasi, uchaona zvinhu zve HTML zvinowanikwa mune zvimwe zvinhu zve HTML. Zvinhu izvi zviri "mukati" zveimwe ndezvinozivikanwa se "nheyo dzakasikwa", uye dzinokosha pakuvaka chero peji yewebhu nhasi.

Zvinorevei Kunaya HTML Tags?

Nzira iyo iri nyore kunzwisisa nenyuchi ndeyekufunga nezve HTML tags sebhokisi dzinobata zviri mukati mako. Zvamungaita zvinogona kusanganisira mifananidzo, mifananidzo, nezvimwewo. HTML mabhokisi ndiwo mabhokisi akakomberedza. Dzimwe nguva, unoda kuisa mabhokisi mukati memamwe mabhokisi. Iko mabhokisi "emukati" akavakirwa mukati mevamwe.

Kana iwe uine bhokisi remavara iwe unoda ushingi mukati memuganhu, iwe uchava nezvinhu zviviri zve HTML pamwe chete nemashoko acho pachako.

Muenzaniso: Uyu ndiwo mutsara wemagwaro.

Rugwaro urwu ndirwo ruchazoshandisa semuenzaniso wedu. Heino kuti ingadai yakanyorwa sei.

Muenzaniso: Uyu mutsara wemagwaro.

Nokuti iwe unoda kuti shoko rokuti "mutongo" rive noushingi, unowedzera kuvhura nekuvhara mathigi asina simba kare uye mushure mutsva.

Muenzaniso: Uyu ndiwo mutongo wemagwaro.

Sezvaunogona kuona, tine bhokisi rimwe (iyo ndima) ine zvinyorwa / zvinyorwa zvemurairo wedu, pamwe nechechibhokisi bhokisi (iyo yakanyora matipa maviri), iyo ichaita kuti shoko iroro rive rakashinga.

Paunenge uchiita matendere, zvakakosha zvikuru kuti iwe uvhare ma tags pane zvakatarisana zvawakavhura. Iwe unotanga p

kutanga, uchiteverwa ne , zvinoreva kuti unodzokorora izvo uye uvhare uye ipapo .

Imwe nzira yekufunga pamusoro peizvi ndechokuti zvakare zvakare kushandisa chirevo chebhokisi. Kana iwe ukaisa bhokisi mukati meimwe bhokisi, unofanirwa kuvhara mukati mukati mako usati wavhara kunze kana ine bhokisi.

Kuwedzera Mamwe Neteredzi Tags

Ko kana iwe uchida kuti rimwe kana maviri mazwi ave noushingi, uye imwe yakagadzirirwa kuva italic? Heino nzira yekuita nayo.

Muenzaniso: Uyu ndiwo mutsara wemashoko uye unewo mamwe emem> em> italicized text zvakare.

Iwe unogona kuona kuti bhokisi redu rekunze, iro

, zvino rine ma tagiti maviri akazara mukati maro - i uye . Vanofanira kunge vakavharwa vasati vaine bhokisi rinogona kuvharwa.

Muenzaniso: Uyu ndiwo mutsara wemutsara uye unewo mamwe ememetalicised text zvakare.

Iyi imwe ndima. < / p>

Muchiitiko ichi tine mabhokisi mukati memabhokisi! Kunyanya bhokisi ndiro

kana kuti "kugovana". Mukati mebhokisi iyo pane imwe nendima ndima tags, uye mukati memuganhu wekutanga tine "next> strong> uye matikiti maviri. Kamwezve, tarisa chero peji yebhuji nhasi uye iwe uchaona izvi uye zvimwe zvizhinji zvingaitika! Ndiwo mapeji akavakwa - mabhokisi mukati memabhokisi.

Nei Uchifanira Kufarira Nekugadzira Nesting

Nhamba imwechete iyo iwe unofanirwa kutarisira nezvekudyara ndeyekuti iwe uchashandisa CSS. Kushandura Mavara MaSpikiti anotendwa pamatekisi kuti agare akachengetwa mukati mebhuku kuitira kuti ataure kuti mitambo inotanga nekuguma. Kana iwe ukamisa musimboti unofanirwa kuchinja zvose "hukama huri mukati mekuparadzanisa nekirasi ye" zvinyorwa zvinyorwa "" mhesi iri papeji, kunamatira kusina kururama kunoita kuti zvive zvakaoma kuti musikana wacho azive kuti angashandise mitambo iyi. Ngatitarisei pane imwe HTML:

Muenzaniso: Uyu ndiwo mutsara wemashoko uye unewo mamwe emem> italicized text zvakare.

Iyi imwe ndima .

Kushandisa muenzaniso wandakambotaura, dai ndaida kunyora maitiro eCSS angangobatanidza kuwirirana mukati mechirongwa ichi, uye kungoenderana chete (kusingapindi kune dzimwe hukama mune zvimwe zvikamu zvepeji), ndingada kushandisa nheyo yekunyora maitiro angu, saizvozvi:

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

Zvimwe zvikonzero zvinosanganisira kuwanikwa uye kushandiswa kwevashanduri. Kana iwe HTML yako isina nheyo, haigoni kufanirwa nevadzidzi vekrini uye vashanduki vekare - uye inogona kutoputsa zvachose kuonekwa kwepeji kana ma browsers asingakwanisi kuziva kuti angapa sei peji nokuti HTML elements uye tags hazvisi nzvimbo.

Pakupedzisira, kana uri kuedza kunyora zvakakwana zvakakwana neHTML chaiyo, iwe uchada kushandisa nheyo yakarurama. Kana zvisina kudaro, mutevedzeri wega wega acharatidza kuti HTML yako haina kururama.