11 populiariausių HTML žymų, kurias turi žinoti kiekvienas tinklaraštininkas ir svetainės savininkas

Skelbimas

Žiniatinklis žino daug kalbų ir yra koduojamas keliomis skirtingomis kalbomis. Tačiau viena kalba, kurią galima rasti visame pasaulyje ir egzistavo jau nuo tinklalapių išradimo, yra hiperteksto žymėjimo kalba, geriau žinoma kaip HTML. Kaip rodo pavadinimas, HTML nėra programavimo, o žymėjimo kalba. Žymos naršyklėms aiškinamos taip, kad vizualizuotų svetainių turinį. Paprasčiausia forma HTML naudojama formatuoti tekstą, įterpti daugialypės terpės failus ir tvarkyti tinklalapio turinį. Kitaip tariant, HTML apibūdina tinklalapius ir, remdamasi šiuo aprašymu, naršyklė sukuria „vaizdą“.

Nemokamų svetainių kūrėjų dėka niekam nebereikia jaustis koduojančiu HTML. Tačiau kartais HTML žymos gali būti naudingos, pavyzdžiui, norint greitai pakeisti tinklalapį, pridėti hiperteksto komentarą ar suformatuoti forumo įrašo tekstą. Šiame straipsnyje noriu jums parodyti keletą, galbūt atsitiktinių, bet neabejotinai naudingų ir paprastų žymų, skirtų kasdieniam naudojimui.

Prieš pradėdami leiskite man supažindinti su kai kuriomis pagrindinėmis taisyklėmis, kurios, tikiuosi, palengvins HTML žymų supratimą:

• HTML naudoja žymėjimo žymas, kurios yra užklijuotos skliausteliuose, pavyzdžiui:
• Žymos, kurios atrodo kaip aukščiau pateiktame pavyzdyje, vadinamos pradžios žymomis. Prie kiekvienos pradžios žymos tam tikru metu turi būti pabaigos žyma, pavyzdžiui:
• Kai kurios žymės neapibūdina turinio. Tačiau norėdami atitikti dabartinius standartus, jie vis tiek turi pasibaigti. Todėl jie vienija pradžios ir pabaigos žymes, tokias kaip:
  

Formatuoti tekstą

HTML žymos paprastai yra paprastos. Žymos, kad tekstas būtų paryškintas, kursyvas arba pabrauktas, yra išverstas iš atitinkamo žodžio.

Įvestis:drąsus
Išėjimas: paryškintas

Įvestis:kursyvas
Išėjimas:kursyvas

Įvestis:pabraukta
Išėjimas:pabraukta

Įvestis:perbraukti per tekstą
Išėjimas:perbraukti per tekstą

Hiperteksto kūrimas

Paprasti URL gali atrodyti gana negražiai. Pridėti teksto hipersaitą, t. Y. Sukurti hipertekstą, yra daug stilingiau ir bus sutaupyta vietos, ypač jei nuoroda yra labai ilga.

Įvestis:Pasinaudoti
Išėjimas:Pasinaudoti

Kaip matote šią HTML žymą yra šiek tiek sudėtingesnė, todėl pažvelkime į ją išsamiau. Tikroji etiketė yra o papildomi elementai yra atributai, nurodantys kitas savybes. Atributas href = nurodo nuorodą ir pavadinimas = apibrėžia pelės žymeklio patarimą. Norėdami uždaryti nuorodą ir pavadinimą, būtinai naudokite kabutes, nes priešingu atveju galite sulaužyti nuorodą.

Vaizdų įdėjimas

Nuotrauka gali pasakyti daugiau nei tūkstantį žodžių. Mes turėtume juos naudoti dažniau. Tai galite padaryti rankiniu būdu įterpdami HTML:

Įvestis:
Išėjimas:

Paanalizuokime ir šią žymą. Vėlgi, tikroji etiketė yra o reikalingi atributai yra src = ir alt =. Pirmasis nurodo vaizdo vietą, t. Y. Jo URL, o antrasis pateikia alternatyvų tekstą, kuris rodomas tuo atveju, jei vaizdų rodymas yra užblokuotas arba nuoroda nutrūksta. Norėdami išvengti nutrūkusių nuorodų, vėl naudokite kabutes.

žyma taip pat yra žymos, kuri nebūtinai turi būti „baigta“, pavyzdys, todėl ji uždaroma pradiniame žymos brūkšneliu į priekį, t. geriau nei .

Pertraukos ir pastraipos

Norėdami sukurti struktūrizuotą tekstą, turite naudoti eilučių pertraukas ir pastraipas. Ir tai yra žymos, kurias turite žinoti:

Įvestis:

Išėjimas: Ši žyma sukuria eilutės pertrauką. Atminkite, kad tai yra dar viena žyma, vienijanti pradžios ir pabaigos žymas vienoje.

Įvestis:

Tekstas jūsų pastraipos viduje.

Išėjimas: Kitaip nei ankstesnė žyma, pastraipos žyma turi standartinę pradžios ir pabaigos žymą. Tarp dviejų žymų esantis tekstas suvyniotas į pastraipą, reiškiančią, kad prieš ir po jo yra tuščia eilutė.

Sąrašai

Iš esmės yra dviejų tipų sąrašai: sudaryti ir neorganizuoti sąrašai, geriau žinomi kaip sunumeruoti ir ženklų sąrašai. Norėdami sukurti bet kurį iš jūsų, turite žinoti dvi skirtingas žymas, bet iš viso tik tris. Pirmiausia pažvelkime į pavyzdžius:

Įvestis:

1. Pirmasis punktas


2. Antras punktas

Išėjimas:

1. Pirmasis punktas
2. Antras punktas

Įvestis:

• Pirmasis punktas


• Antras punktas

Išėjimas:

• Pirmasis punktas
• Antras punktas

Norėdami sukurti užsakytą sąrašą, naudokite žymą ir jei norite neorganizuoto sąrašo, įterpkite žyma. Abiem atvejais

žyma naudojama apibrėžti elementą sąraše.

Dabar, kai pamatėte, koks paprastas ir logiškas HTML yra, galbūt norėsite peržengti pačius pagrindus ir išmokti šiek tiek daugiau. Norėdami gauti daugiau HTML patarimų, peržiūrėkite šiuos straipsnius:

• 5 pagrindinio HTML kodo supratimo žingsniai 5 pagrindinio HTML kodo supratimo žingsniaiHTML yra kiekvieno tinklalapio pagrindas. Jei esate pradedantysis, leiskite mums paaiškinti pagrindinius HTML supratimo veiksmus. Skaityti daugiau
• 5 HTML patarimai, kaip greitai įkelti nemokamą svetainę 5 HTML patarimai, kaip greitai įkelti nemokamą svetainę Skaityti daugiau
• 7 puikūs HTML efektai, kuriuos kiekvienas gali įtraukti į savo svetainę 8 puikūs HTML efektai, kuriuos kiekvienas gali įtraukti į savo svetainęNorėdami sukurti išgalvotą svetainę, jūs neturite žinoti CSS ar PHP. Naudokite šiuos puikius HTML triukus, kad sukurtumėte nuostabius efektus. Skaityti daugiau

Ar dabar jaučiatės šiek tiek labiau įsitikinę, kad naudojate HTML žymas? Jei anksčiau, jūsų manymu, „rankinis kodavimas“ buvo atliekamas, kokių žymių, jūsų manymu, trūksta?

Vaizdo kreditai: kentohas