Topp 11 HTML-etiketter Varje bloggare och webbplatsägare måste veta

World Wide Web vet många språk och är kodad i flera olika. Det enda språket som kan hittas överallt och har funnits sedan webbsidans uppfinning är HyperText Markup Language, bättre känd som HTML. Som namnet antyder är HTML inte en programmering, men ett märkningsspråk. Markuperna tolkas av webbläsare för att visualisera innehåll på webbplatser. I sin enklaste form används HTML för att formatera text, inbädda mediefiler och organisera innehåll på en webbsida. Med andra ord, HTML beskriver webbsidor och bygger på den här beskrivningen skapar webbläsaren en "bild".

Tack vare gratis webbplatsbyggare behöver ingen verkligen röra med kodning av HTML längre. Ibland kan HTML-taggar vara 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 forumpost. I den här artikeln vill jag visa dig några, möjligen slumpmässiga men definitivt användbara och enkla taggar för daglig användning.

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

• HTML använder markeringstaggar, som är bifogade i vinklar, till exempel följande:
• Taggar som liknar det i exemplet ovan kallas starttaggar. Varje startkod måste följas av en slutkod vid någon tidpunkt, till exempel följande:
• Vissa taggar beskriver inte innehåll. För att de ska överensstämma med gällande standarder måste de dock sluta. Följaktligen förenar de start- och slutkoderna, som följande:
  

Formatera text

HTML-taggar är vanligtvis enkla. Taggarna för att göra text fet, kursiv eller understruken härleds ur respektive ord.

Inmatning: djärv
Utgång: fet

Inmatning: kursiv
Produktion: kursiv

Inmatning: understrukna
Produktion: understrukna

Inmatning: slå igenom texten
Produktion: slå igenom texten

Skapa hypertext

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

Inmatning: Använda
Produktion: Använda

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

Inbäddning av bilder

En bild kan säga mer än tusen ord. Vi borde använda dem oftare. Så här 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 nödvändiga attributen är src = och alt =. Den förra pekar på placeringen av bilden, dvs dess URL, och den senare ger en alternativ text, som visas om bildskärmen är blockerad eller länken är trasig. Återigen, använd citattecken för att undvika brutna länkar.

De tagg är också ett exempel på en tagg som inte behöver "slutas" och därmed stängs med den främre streckknappen i den inledande taggen, dvs. hellre än .

Breaks & Paragraphs

För att skapa en strukturerad text måste du använda rader och rader. Och det här är de 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 slut tagg i en.

Inmatning:

Text i din paragraf.