Kaip tinkamai pritvirtinti HTML žymes
Jei šiandien pažvelgsite į HTML žymėjimą bet kokiam tinklalapiui, pamatysite HTML elementus, esančius kitose HTML-dalyse. Šie elementai, kurie yra "viduje" kitų, yra vadinami "įdėtais elementais", ir jie yra labai svarbūs šiandien bet kokiam tinklalapiui kurti.
Ką reiškia "Nest" HTML žymes?
Lengviausias būdas suprasti, kad yra lizdas - tai galvoti apie HTML žymes kaip laukus, kuriuose laikomas turinys. Jūsų turinys gali apimti tekstą, vaizdus ir tt HTML žymos yra turinys. Kartais reikia įdėti dėžutes kitose dėžutėse. Tos "vidinės" dėžutės yra įdėtos kitur.
Jei turite teksto bloką, kurį norite paryškinti dalyje, turėsite du HTML elementus ir pačią tekstą.
Pavyzdys: tai teksto sakinys .Šis tekstas yra tas, kurį mes panaudosime kaip mūsų pavyzdį. Štai kaip tai būtų parašyta.
Pavyzdys: tai teksto sakinys. p>
Kadangi norėtumėte, kad žodis "sakinys" būtų drąsus, pridedamas atidaromas ir uždaromas paryškintas žymas prieš ir po to.
Pavyzdys: tai sakinys strong> teksto. p>
Kaip matote, mes turime vieną langelį (pastraipą), kuriame yra mūsų sakinio turinys / tekstas, ir antroji dėžutė (stiprioji žymų pora), kuri šį žodį padarys drąsiu.
Kai pritvirtinkite žymas, labai svarbu, kad uždarytumėte žymas priešinga tvarka, kurią atidarėte. Pirmiausia atidarote
, o po to - , tai reiškia, kad jūs atvirkštumėte tai ir uždarykite strong>, o tada p>.
Kitas būdas tai pamąstyti - vėl naudoti langelių analogiją. Jei įdėjote dėžutę kito dėžutės viduje, uždarykite vidinę dėžutę, kad galėtumėte uždaryti išorinį dėžutę arba dėžutę.
Pridedant daugiau pritvirtintų žymų
Ką daryti, jei norite, kad vienas ar du žodžiai būtų drąsūs, o kitas - kryžiais? Štai kaip tai padaryti.
Pavyzdys: tai yra sakinys strong> teksto, ir jis taip pat turi tam tikrą italicized text em>. p> Jūs galite pamatyti, kad mūsų išoriniame dėžute dabar yra dvi įdėtos žymos, kurios yra viduje ir . Jie turi būti uždaryti prieš tai, kai langelis gali būti uždarytas. Pavyzdys: tai yra sakinys strong> tekste, ir jis taip pat turi tam tikrą italicized text em>. p> Tai dar viena pastraipa. < / p> div> Šiuo atveju turime langelių dėžėse! Labiausiai lauke yra Vienintelė priežastis, dėl kurios turėtumėte rūpintis lizdais, yra tai, ar ketinate naudoti CSS. Kaskadinio stiliaus lapai remiasi žymomis, kad dokumentas būtų nuosekliai prisegtas, kad galėtume nurodyti, kur stiliai prasideda ir baigiasi. Jei nustatysite stilių, kuris turės įtakos visiems "nuorodoms, esančioms skyriuje, su" pagrindinio turinio "klasės tekstu puslapyje, neteisingas įdėjimas apsunkina, kad naršyklė žinotų, kur taikyti tokius stilius. Pažvelkime į kai kuriuos HTML: Pavyzdys: tai yra sakinys strong> teksto, ir jis taip pat turi tam tikrą italicized text em>. p> Kodėl turėtumėte rūpintis ligomis?