Top 11 HTML-tags Hver blogger og websteejer skal vide

Reklame

World wide web kender mange sprog og er kodet på flere forskellige sprog. Det ene sprog, der dog findes overalt og har eksisteret siden opfindelsen af ​​websider, er HyperText Markup Language, bedre kendt som HTML. Som navnet antyder er HTML ikke et programmeringsprogram, men et markup-sprog. Markeringerne tolkes af browsere for at visualisere indhold på websteder. I sin mest enkle form bruges HTML til at formatere tekst, integrere mediefiler og organisere indhold på en webside. Med andre ord, HTML beskriver websider og baseret på denne beskrivelse opretter browseren et 'billede'.

Takket være gratis webstedsbyggerne behøver ingen virkelig at rod med kodning af HTML længere. Lejlighedsvis kan HTML-tags komme til nytte, for eksempel til at foretage hurtige ændringer på et websted, tilføje hypertekst i en kommentar eller formatere tekst til et forumindlæg. I denne artikel vil jeg vise dig et par, muligvis tilfældige, men bestemt nyttige og enkle tags til daglig brug.

Før jeg starter, lad mig introducere dig til nogle grundlæggende regler, der forhåbentlig gør HTML-tags lettere at forstå:

• HTML bruger markeringskoder, der er lukket i vinkelparenteser som denne:
• Mærker der ligner dem i eksemplet ovenfor kaldes startmærker. Hvert starttag skal følges af et sluttag på et tidspunkt, som dette:
• Nogle tags beskriver ikke indhold. For at være i overensstemmelse med de nuværende standarder, skal de dog stadig afsluttes. Derfor forener de start- og sluttagget, som dette:
  

Formatering af tekst

HTML-tags er normalt ligetil. Mærkaterne til at gøre tekst fed, kursiv eller understreget stammer fra det respektive ord.

Input:fremhævet
Output: fed

Input:kursiv
Produktion:kursiv

Input:understreget
Produktion:understreget

Input:slå gennem tekst
Produktion:slå gennem tekst

Oprettelse af hypertekst

Almindelige webadresser kan se temmelig grimme ud. At tilføje hyperlinket til en tekst, dvs. oprette en hypertekst, er meget mere stilfuldt og sparer plads, især hvis linket er meget langt.

Input:Gøre brug af
Produktion:Gøre brug af

Som du kan se, er dette HTML-tag lidt mere kompliceret, så lad os se på det detaljeret. Det faktiske tag er og de yderligere elementer er attributter, der specificerer yderligere egenskaber. Attributten href = specificerer linket og title = definerer muset over værktøjstip. Sørg for at bruge citatmærker til at vedlægge linket og titlen, ellers kan du ende med et ødelagt link.

Integrering af billeder

Et billede kan sige mere end tusind ord. Vi bør bruge dem oftere. Og sådan kan du manuelt indsætte en ved hjælp af HTML:

Input:
Produktion:

Lad os også analysere dette tag. Igen er det faktiske tag og de krævede attributter er src = og alt =. Førstnævnte peger på placeringen af ​​billedet, dvs. dets URL, og sidstnævnte tilvejebringer en alternativ tekst, der vises, hvis visningen af ​​billeder blokeres, eller linket brydes. Brug igen anførselstegn for at undgå ødelagte links.

Det tag er også et eksempel på et tag, der ikke behøver at blive "afsluttet", og lukkes derfor med den fremadstrebede strejke i det indledende tag, dvs. hellere end .

Afbrydelser og afsnit

For at oprette en struktureret tekst skal du bruge linjeskift og afsnit. Og dette er de tags, du har brug for at vide:

Input:

Produktion: Dette tag opretter en linjeskift. Bemærk, at dette er et andet tag, der forener start- og sluttagget i et.

Input:

Tekst inde i dit afsnit.

Produktion: I modsætning til det forrige tag har afsnitskoden et standard start- og sluttag. Teksten mellem de to tags er indpakket i et afsnit, hvilket betyder, at der er en tom linje før og efter.

Lister

Der er i det væsentlige to typer lister: ordnede og uordnede lister, bedre kendt som nummererede og punkttabellister. For at oprette en af ​​dem, skal du kende to forskellige tags, men kun tre i alt. Lad os først se på eksemplerne:

Input:

1. Punkt et


2. Punkt to

Produktion:

1. Punkt et
2. Punkt to

Input:

• Punkt et


• Punkt to

Produktion:

• Punkt et
• Punkt to

Brug tagget til at oprette en ordnet liste og for en ikke-ordnet liste, indsæt tag. I begge tilfælde

tag bruges til at definere et element på listen.

Nu, hvor du har set, hvor enkel og logisk HTML er, kan du måske gå ud over selve det grundlæggende og lære lidt mere. For flere HTML-tip, se disse artikler:

• 5 trin til at forstå grundlæggende HTML-kode 5 trin til at forstå grundlæggende HTML-kodeHTML er rygraden på hver webside. Hvis du er nybegynder, så lad os lede dig gennem de grundlæggende trin til forståelse af HTML. Læs mere
• 5 HTML-tip til oprettelse af et gratis websted til hurtig indlæsning 5 HTML-tip til oprettelse af et gratis websted til hurtig indlæsning Læs mere
• 7 Cool HTML-effekter, som enhver kan tilføje til deres websted 8 seje HTML-effekter, som enhver kan tilføje til deres webstedDu behøver ikke at kende CSS eller PHP for at opbygge et fancy sted. Brug disse seje HTML-tricks til at generere fantastiske effekter. Læs mere

Føler du dig lidt mere sikker på at bruge HTML-tags nu? Hvis du rutinemæssigt har været 'håndkodet' før, hvilke tags tror du, der mangler?

Billedkreditter: kentoh