Topp 11 HTML-taggar varje bloggare och webbplatsägare måste veta

Annons

Webbplatsen känner till många språk och är kodad på flera olika språk. Det ena språket som dock finns över hela världen och har funnits sedan webbsidens uppfinning är HyperText Markup Language, bättre känt som HTML. Som namnet antyder är HTML inte ett programmering utan ett markeringsspråk. Markeringarna tolkas av webbläsare för att visualisera innehåll på webbplatser. I sin mest enkla form används HTML för att formatera text, bädda in mediefiler och organisera innehåll på en webbsida. Med andra ord, HTML beskriver webbsidor och baserat på denna beskrivning skapar webbläsaren en 'bild'.

Tack vare gratis webbplatsbyggare behöver ingen verkligen röra sig med kodning av HTML längre. Men ibland kan HTML-taggar komma till nytta, till exempel för att göra snabba ändringar på en webbplats, lägga till hypertext i en kommentar eller formatera text för ett foruminlägg. I den här artikeln vill jag visa dig några, kanske slumpmässiga, men definitivt användbara och enkla taggar för daglig användning.

Innan vi börjar, låt mig presentera några grundläggande regler som förhoppningsvis kommer att göra HTML-taggar lättare att förstå:

• HTML använder markeringstaggar, som är inneslutna i vinkelparenteser som sådana:
• Taggar som ser ut som i exemplet ovan kallas starttaggar. Varje starttagg måste följas av en sluttagg vid någon punkt, till exempel denna:
• Vissa taggar beskriver inte innehåll. För att följa gällande standarder måste de emellertid fortfarande upphöra. Följaktligen förenar de start- och sluttaggen, så här:
  

Formatera text

HTML-taggar är vanligtvis enkla. Taggarna för att göra text fet, kursiv eller understrukad härrör från respektive ord.

Inmatning:djärv
Utgång: fetstil

Inmatning:kursiv
Produktion:kursiv

Inmatning:understrukna
Produktion:understrukna

Inmatning:slå igenom text
Produktion:slå igenom text

Skapa Hypertext

Vanliga webbadresser kan se ganska fula ut. Att lägga till hyperlänken till en text, dvs att skapa en hypertext, är mycket snyggare och det sparar utrymme, särskilt om länken är väldigt lång.

Inmatning:Använda
Produktion:Använda

Som du kan se är denna HTML-tagg lite mer komplicerad, så låt oss titta på det i detalj. Den faktiska taggen är och de ytterligare elementen är attribut som specificerar ytterligare egenskaper. Attributet href = anger länken och title = definierar verktygstips för mus över. Var noga med att använda citattecken för att bifoga länken och titeln, annars kan du sluta med en trasig länk.

Bädda in bilder

En bild kan säga mer än tusen ord. Vi bör använda dem oftare. Och så kan du manuellt infoga en med HTML:

Inmatning:
Produktion:

Låt oss också analysera den här taggen. Återigen är själva taggen och de erforderliga attributen är src = och alt =. Den förstnämnda pekar på platsen för bilden, dvs dess URL, och den senare tillhandahåller en alternativ text, som visas i fall visningen av bilder blockeras eller länken bryts. Använd återigen citattecken för att undvika trasiga länkar.

De tagg är också ett exempel på en tagg som inte behöver "avslutas" och stängs därför med framåtstrecket i den initiala taggen, dvs. hellre än .

Avbrott och stycken

För att skapa en strukturerad text måste du använda radbrytningar och stycken. Och det är dessa taggar du behöver veta:

Inmatning:

Produktion: Den här taggen skapar en radbrytning. Observera att detta är en annan tagg som förenar start- och sluttaggen i en.

Inmatning:

Text inuti ditt stycke.

Produktion: Till skillnad från föregående tagg har stycketaggen en standard start- och sluttagg. Texten mellan de två taggarna är inslagna i ett stycke, vilket betyder att det finns en tom rad före och efter.

listor

Det finns i huvudsak två typer av listor: listade ordnade och oordnade listor, bättre kända som numrerade och punktlistor. För att skapa endera måste du känna till två olika taggar, men endast tre totalt. Låt oss titta på exemplen först:

Inmatning:

1. Objekt en


2. Punkt två

Produktion:

1. Objekt en
2. Punkt två

Inmatning:

• Objekt en


• Punkt två

Produktion:

• Objekt en
• Punkt två

Använd taggen för att skapa en ordnad lista och för en oordnad lista, sätt in märka. I båda fallen,

tagg används för att definiera ett objekt i listan.

Nu när du har sett hur enkel och logisk HTML är, kanske du vill gå längre än grunderna och lära dig lite mer. För fler HTML-tips, kolla in dessa artiklar:

• 5 steg för att förstå grundläggande HTML-kod 5 steg för att förstå grundläggande HTML-kodHTML är ryggraden på varje webbsida. Om du är nybörjare, låt oss leda dig genom de grundläggande stegen för att förstå HTML. Läs mer
• 5 HTML-tips för att skapa en snabbladdningsfri webbplats 5 HTML-tips för att skapa en snabbladdningsfri webbplats Läs mer
• 7 coola HTML-effekter som vem som helst kan lägga till på sin webbplats 8 coola HTML-effekter som vem som helst kan lägga till på sin webbplatsDu behöver inte veta CSS eller PHP för att bygga en snygg webbplats. Använd dessa coola HTML-trick för att generera fantastiska effekter. Läs mer

Känner du dig lite mer säker på att använda HTML-taggar nu? Om du rutinmässigt har ”handkodat” tidigare, vilka taggar tror du saknas?

Bildkrediter: Kentoh