Hiperteksto žymėjimo kalba, taip pat žinoma kaip HTML, naudojama kuriant žiniatinklio programas. HTML žymos, paprastai žinomos kaip elementai, yra svarbiausias HTML kalbos aspektas. HTML žymos įterpia ir rodo turinį arba informaciją tinklalapiuose. Yra dviejų tipų HTML žymos: tuščios ir konteinerio žymos.
Šiame tinklaraštyje bus paaiškinta, kaip dirbti su tuščiomis ir sudėtinio rodinio žymomis HTML.
Tuščios žymos
Tuščios žymos taip pat žinomos kaip „ vienvietis “ arba „ tuštuma “ žymas. Tuščioje žymoje niekada nėra jokio turinio, tačiau galima nurodyti atributus. Šios žymos neturi pabaigos žymos ir gali turėti pasvirąjį brūkšnį. Tuščių žymų pavyzdžiai yra „
“, „
Sintaksė
Tuščiųjų elementų paminėjimo HTML sintaksė yra tokia:
< tuščia žyma />
Norėdami sužinoti, kaip dirbti su tuščiomis žymomis, peržiūrėkite toliau pateiktą pavyzdį. „
“ žyma yra žinoma kaip eilutės lūžio žyma ir naudojama linijai nutraukti:
< p > HTML tuščios žymos < br > Linija pertrauka Žyma p >
Išvestis rodo, kad „
“ žyma nutraukė eilutę:
Prie HTML žymų galime pridėti CSS stiliaus ypatybių. „
“ žyma yra dar vienas tuščias elementas, pridedantis horizontalią eilutę prie puslapio:
< val stilius = 'border-top: 3px brūkšninis raudonas;' > Linija pertrauka Žyma
p >
„ riba-viršus CSS nuosavybė taikoma
' su trimis reikšmėmis, viena yra kraštinės plotis, lygus ' 3 piks “, kraštinės stilius nustatytas kaip „ punktyriškai “ ir kraštinės spalva.
Išvestis
Iki šiol aptarėme tuščias HTML žymas. Dabar kitame skyriuje apžvelgsime HTML konteinerio žymas.
Sudėtinio rodinio žymos
HTML sudėtinio rodinio žymas sudaro trys dalys: pradžios žymos, turinys ir pabaigos žymos. HTML sudėtinio rodinio žymos sintaksė pateikiama taip:
< pradžios_diena > Turinys pabaigos žyma >Peržiūrėkite toliau pateiktus pavyzdžius, kad sužinotumėte, kaip sudėtinio rodinio žyma veikia HTML.
1 pavyzdys: Kaip pridėti pastraipą į HTML?
„ “ žyma naudojama pastraipai įterpti į HTML dokumentą:
< p > Tai pastraipos žyma p >Išvestis
2 pavyzdys: Kaip pridėti antraštes į HTML?
Yra šeši antraščių sudėtinio rodinio žymų lygiai, kuriuos galima naudoti antraštėms pridėti prie tinklalapio. Įdėkite juos į HTML dokumentą, kad pamatytume, kaip jie veikia ir atrodo tinklalapyje:
< h1 > Linux h1 >< h2 > Linux h2 >
< h3 > Linux h3 >
< h4 > Linux h4 >
< h5 > Linux h5 >
< h6 > Linux h6 >
Išvestis
Šioms žymoms galime suteikti tiesioginį stilių. Apsvarstykite toliau pateiktą pavyzdį, kuriame parodyta, kaip šioms žymoms pritaikyti įvairias CSS stiliaus ypatybes:
< h1 stilius = 'fono spalva: erškėtis; šriftų šeima: kursyvas;' > Linux h1 >< h2 stilius = 'fono spalva: kviečiai; teksto lygiavimas: centre;' > Linux h2 >
< h3 stilius = 'fono spalva: pomidoras; spalva: balta;' > Linux h3 >
< h4 stilius = 'šriftų šeima: 'Trebuchet MS'; fono spalva: geltonai žalia;' > Linux h4 >
< h5 stilius = 'fono spalva: violetinė;' > Linux h5 >
< h6 stilius = 'fono spalva: balti dūmai'; > Linux h6 & gt
Štai aukščiau nurodytų savybių paaiškinimas:
- „ fono spalva “ savybė prideda elemento fono spalvos.
- “ šrifto šeima “ ypatybė koreguoja elemento šrifto stilių.
- “ teksto lygiavimas “ ypatybė koreguoja teksto vietą arba lygiavimą.
Išvestis
Mes parodėme, kaip naudoti tuščias HTML ir konteinerio žymas.
Išvada
Tuščios žymos ir konteinerių žymos yra pagrindiniai HTML dokumentų komponentai, įterpiantys turinį ir informaciją tinklalapyje. Tuščiose žymose nėra jokio turinio ir jas sudaro tik pradžios žyma su pasviruoju brūkšniu jos pabaigoje, pvz.,
. Tačiau sudėtinio rodinio žymose kartu su turiniu yra pradžios ir pabaigos žymos. Šiame tinklaraštyje išsamiai aprašomas tuščių ir sudėtinio rodinio elementų veikimas HTML.