Hüperteksti märgistuskeelt, tuntud ka kui HTML, kasutatakse veebirakenduste loomiseks. HTML-märgendid, mida tavaliselt nimetatakse elementideks, on HTML-keele kõige olulisem aspekt. HTML-sildid manustavad ja kuvavad veebilehtede sisu või teavet. HTML-silte on kahte tüüpi: tühjad ja konteinerisildid.
See ajaveeb juhendab, kuidas töötada tühjade ja konteineri siltidega HTML-is.
Tühjad sildid
Tühjad sildid on tuntud ka kui ' üksikud ” või „ tühine ” sildid. Kehtetu silt ei sisalda kunagi sisu, kuid atribuute saab määrata. Nendel siltidel ei ole lõpumärgendit ja need võivad sisaldada kaldkriipsu. Tühjade siltide näited on '
', '', '', '
Süntaks
HTML-is tühiste elementide mainimise süntaks on järgmine:
< tühi silt />
Kui soovite näha, kuidas tühjade siltidega töötada, vaadake allolevat näidet. '
”-silt on tuntud kui reavahetusmärgend ja seda kasutatakse rea katkestamiseks:
< lk > HTML tühjad sildid < br > Liin murda Tag lk >
Väljund näitab, et '
” silt on rikkunud rea:
HTML-märgenditele saame lisada CSS-i stiiliatribuute. '
” silt on veel üks tühi element, mis lisab lehele horisontaalse joone:
< hr stiilis = 'border-top: 3px katkendlik punane;' > Liin murda Tag
lk >
' piiripealne ' CSS-i atribuuti rakendatakse '
' kolme väärtusega, üks on äärise laius, mis on võrdne ' 3 pikslit ”, ääriste stiiliks on määratud katkendlik ” ja äärise värv.
Väljund
Siiani oleme arutanud HTML-i tühje silte. Nüüd vaatame järgmises jaotises läbi HTML-i konteineri sildid.
Konteinerite sildid
HTML-i konteineri märgendid koosnevad kolmest osast: algus-, sisu- ja lõpumärgendid. HTML-i konteineri märgendi süntaks on esitatud järgmiselt:
< algus_päev > Sisu lõpumärgis >Vaadake allolevaid näiteid, et saada teada, kuidas konteinerimärgend HTML-is töötab.
Näide 1: Kuidas lisada HTML-i lõiku?
' ” märgendit kasutatakse lõigu manustamiseks HTML-dokumenti:
< lk > See on lõigu silt lk >Väljund
Näide 2: Kuidas lisada HTML-i pealkirju?
Pealkirjade konteineri silte on kuuel tasemel, mida saab kasutada veebilehele pealkirjade lisamiseks. Paneme need HTML-dokumenti, et näha, kuidas need töötavad ja veebilehel välja näevad:
< h1 > Linux h1 >< h2 > Linux h2 >
< h3 > Linux h3 >
< h4 > Linux h4 >
< h5 > Linux h5 >
< h6 > Linux h6 >
Väljund
Saame nendele siltidele lisada tekstisisese stiili. Vaatleme allolevat näidet, mis näitab, kuidas nendele siltidele erinevaid CSS-i stiiliatribuute rakendada.
< h1 stiilis = 'taustavärv: ohakas; fondiperekond: kursiiv;' > Linux h1 >< h2 stiilis = 'taustavärv: nisu; teksti joondamine: keskel;' > Linux h2 >
< h3 stiilis = 'taustavärv: tomat; värvus: valge;' > Linux h3 >
< h4 stiilis = 'fondiperekond: 'Trebuchet MS'; taustavärv: kollakasroheline;' > Linux h4 >
< h5 stiilis = 'taustavärv: violetne;' > Linux h5 >
< h6 stiilis = 'taustavärv: valge suitsu;' > Linux h6 & gt
Siin on ülaltoodud omaduste selgitus:
- ' taustavärv ” atribuut lisab elemendi taustale värvi.
- “ font-perekond ” atribuut kohandab elemendi fondi stiili.
- “ teksti joondamine ” atribuut kohandab teksti paigutust või joondust.
Väljund
Näitasime teile, kuidas kasutada HTML-i tühje ja konteineri silte.
Järeldus
Tühjad sildid ja konteinerisildid on HTML-dokumentide peamised komponendid, mis manustavad veebilehe sisu ja teabe. Tühjad sildid ei sisalda sisu ja koosnevad ainult algussildist, mille lõpus on kaldkriips, näiteks
. Konteinersildid sisaldavad aga koos sisuga algus- ja lõpumärgendeid. Selles ajaveebis on käsitletud tühjade ja konteinerielementide tööd HTML-is.