11 populārākie HTML tagi, kas jāzina ikvienam emuāru veidotājam un vietnes īpašniekam

Reklāma

Pasaules tīmeklis zina daudzas valodas un ir kodēts vairākās dažādās valodās. Tomēr viena no valodām, kas ir atrodama visā pasaulē un ir pastāvējusi kopš tīmekļa lapu izgudrošanas, ir hiperteksta iezīmēšanas valoda, labāk pazīstama kā HTML. Kā norāda nosaukums, HTML nav programmēšanas, bet gan iezīmēšanas valoda. Pārlūkprogrammas interpretē atzīmes, lai vizualizētu vietņu saturu. Visvienkāršākajā formā HTML tiek izmantots, lai formatētu tekstu, iegultu multivides failus un organizētu vietnes saturu. Citiem vārdiem sakot, HTML apraksta tīmekļa lapas, un, pamatojoties uz šo aprakstu, pārlūks izveido “attēlu”.

Pateicoties bezmaksas vietņu veidotājiem, nevienam vairs nav jāmaina HTML kodēšana. Tomēr reizēm HTML tagi var noderēt, piemēram, lai ātri veiktu izmaiņas vietnē, pievienotu hipertekstu komentārā vai formatētu foruma ziņas tekstu. Šajā rakstā es vēlos jums parādīt dažus, iespējams, nejaušus, bet noteikti noderīgus un vienkāršus tagus ikdienas lietošanai.

Pirms mēs sākam, ļaujiet man jūs iepazīstināt ar dažiem pamatnoteikumiem, kas, cerams, atvieglos HTML tagu izpratni:

• HTML izmanto iezīmēšanas tagus, kas ir ievietoti leņķa iekavās, piemēram:
• Tagus, kas izskatās kā iepriekš minētajā piemērā, sauc par sākuma tagiem. Katrā sākuma tagā kādā brīdī ir jāievada beigu tags, piemēram:
• Daži tagi neapraksta saturu. Tomēr, lai tie atbilstu pašreizējiem standartiem, tiem joprojām ir jābeidzas. Līdz ar to viņi apvieno sākuma un beigu tagu, piemēram:
  

Teksta formatēšana

HTML tagi parasti ir vienkārši. Tagi teksta treknrakstā, slīprakstā vai pasvītrojumam ir iegūti no attiecīgā vārda.

Ievade:treknrakstā
Izeja: treknrakstā

Ievade:slīpraksts
Izeja:slīpraksts

Ievade:pasvītrots
Izeja:pasvītrots

Ievade:izsvītrot tekstu
Izeja:izsvītrot tekstu

Hiperteksta izveidošana

Vienkāršie URL var izskatīties diezgan neglīti. Hipersaites pievienošana tekstam, t.i., hiperteksta izveidošana, ir daudz stilīgāka un ietaupīs vietu, īpaši, ja saite ir ļoti gara.

Ievade:Izmantot
Izeja:Izmantot

Kā redzat, šis HTML tags ir nedaudz sarežģītāks, tāpēc apskatīsim to sīkāk. Faktiskais tags ir un papildu elementi ir atribūti, kas norāda turpmākos raksturlielumus. Atribūts href = norāda saiti un nosaukums = definē peles rādītāja rīka padomu. Noteikti izmantojiet pēdiņas, lai norobežotu saiti un virsrakstu, pretējā gadījumā jūs varētu sabojāt saiti.

Attēlu iegulšana

Attēlā var pateikt vairāk nekā tūkstoti vārdu. Mums tie būtu jālieto biežāk. Un to var manuāli ievietot, izmantojot HTML:

Ievade:
Izeja:

Izanalizēsim arī šo tagu. Atkal faktiskais tags ir un nepieciešamie atribūti ir src = un alt =. Pirmais norāda uz attēla atrašanās vietu, t.i., tā URL, bet otrs nodrošina alternatīvu tekstu, kas tiek parādīts gadījumā, ja attēlu parādīšana ir bloķēta vai saite ir pārtraukta. Atkal izmantojiet pēdiņas, lai izvairītos no pārtrauktām saitēm.

tags ir arī taga piemērs, kuram nav jābūt “beigu” un kurš tādējādi tiek aizvērts ar sākotnējā taga priekšējo domuzīmi, t.i. nevis .

Pārtraukumi un rindkopas

Lai izveidotu strukturētu tekstu, jums jāizmanto rindiņu pārtraukumi un rindkopas. Un šie ir tagi, kas jums jāzina:

Ievade:

Izeja: Šis tags rada līnijas pārtraukumu. Ņemiet vērā, ka šis ir vēl viens tags, kas apvieno sākuma un beigu tagu vienā.

Ievade:

Teksts jūsu rindkopā.

Izeja: Atšķirībā no iepriekšējā taga, rindkopas tagam ir standarta sākuma un beigu tags. Starp abiem tagiem esošais teksts ir iesaiņots rindkopā, kas nozīmē, ka pirms un pēc ir tukša rinda.

Saraksti

Būtībā ir divu veidu saraksti: sakārtoti un nesakārtoti saraksti, labāk pazīstami kā numurēti un aizzīmju saraksti. Lai izveidotu vienu vai otru, jums jāzina divi dažādi tagi, bet kopumā tikai trīs. Vispirms apskatīsim piemērus:

Ievade:

1. Pirmais postenis


2. Otrais postenis

Izeja:

1. Pirmais postenis
2. Otrais postenis

Ievade:

• Pirmais postenis


• Otrais postenis

Izeja:

• Pirmais postenis
• Otrais postenis

Lai izveidotu pasūtītu sarakstu, izmantojiet tagu un, lai nesakārtotu sarakstu, ievietojiet birka. Abos gadījumos

tagu izmanto, lai definētu vienumu sarakstā.

Tagad, kad esat redzējis, cik vienkāršs un loģisks ir HTML, jūs varētu vēlēties pārsniegt pašus pamatus un uzzināt nedaudz vairāk. Lai iegūtu vairāk HTML padomu, skatiet šos rakstus:

• 5 soļi HTML HTML koda izpratnē 5 soļi HTML HTML koda izpratnēHTML ir katras tīmekļa vietnes mugurkauls. Ja esat iesācējs, ļaujiet mums izpētīt galvenos soļus HTML izpratnei. Lasīt vairāk
• 5 HTML padomi, lai izveidotu ātri ielādējamu bezmaksas vietni 5 HTML padomi, lai izveidotu ātri ielādējamu bezmaksas vietni Lasīt vairāk
• 7 izcili HTML efekti, kurus ikviens var pievienot savai vietnei 8 izcili HTML efekti, kurus ikviens var pievienot savai vietneiLai izveidotu izdomātu vietni, jums nav jāzina CSS vai PHP. Izmantojiet šos lieliskos HTML trikus, lai radītu satriecošus efektus. Lasīt vairāk

Vai jūs jūtaties mazliet pārliecinātāks par HTML tagu izmantošanu tagad? Ja jūs iepriekš esat “kodējis ar rokām”, kādas atzīmes, jūsuprāt, trūkst?

Attēlu kredīti: kentoh