Top 11 HTML-tags die elke blogger en websitebeheerder moet weten

Het wereldwijde web kent vele talen en is gecodeerd in verschillende talen. De enige taal die echter overal te vinden is en die al bestaat sinds de uitvinding van webpagina's, is de HyperText Markup Language, beter bekend als HTML. Zoals de naam aangeeft, is HTML geen programmering, maar een opmaaktaal. De markups worden door browsers geïnterpreteerd om inhoud op websites te visualiseren. In zijn meest eenvoudige vorm wordt HTML gebruikt om tekst op te maken, mediabestanden in te sluiten en inhoud op een webpagina te ordenen. Met andere woorden, HTML beschrijft webpagina's en op basis van deze beschrijving maakt de browser een 'afbeelding'.

Dankzij gratis websitebouwers hoeft niemand echt meer te rotzooien met codeer-HTML. Soms kunnen HTML-tags echter van pas komen, bijvoorbeeld om snel een website aan te passen, hypertext in een opmerking toe te voegen of tekst op te maken voor een forumbericht. In dit artikel wil ik u een paar, mogelijk willekeurige, maar zeker nuttige en eenvoudige tags voor dagelijks gebruik laten zien.

Voordat we beginnen, wil ik u enkele basisregels voorstellen die hopelijk HTML-tags begrijpelijker maken:

• HTML gebruikt markup-tags, die tussen punthaken zijn geplaatst, zoals deze:
• Tags die er in het bovenstaande voorbeeld uitzien, worden starttags genoemd. Elke starttag moet op een gegeven moment worden gevolgd door een eindtag, zoals deze:
• Sommige tags beschrijven de inhoud niet. Om aan de huidige normen te voldoen, moeten ze echter nog steeds eindigen. Daarom verenigen ze de begin- en eindtag, zoals deze:
  

Tekst opmaken

HTML-tags zijn meestal eenvoudig. De tags voor het vet, cursief of onderstreept maken van tekst zijn afgeleid van het betreffende woord.

Invoer: stoutmoedig
Uitgang: vetgedrukt

Invoer: cursief
Output: cursief

Invoer: onderstreepte
Output: onderstreepte

Invoer: doorhalen door tekst
Output: doorhalen door tekst

Hypertext maken

Platte URL's kunnen er vrij lelijk uitzien. Het toevoegen van de hyperlink aan een tekst, d.w.z. het creëren van een hypertekst, is veel stijlvoller en zal ruimte besparen, vooral als de link erg lang is.

Invoer: Gebruikmaken van
Output: Gebruikmaken van

Zoals u kunt zien, is deze HTML-tag iets ingewikkelder, dus laten we er in detail naar kijken. De eigenlijke tag is en de aanvullende elementen zijn attributen die verdere kenmerken specificeren. Het kenmerk href = geeft de link en op title = definieert de tooltip voor mouseover. Zorg ervoor dat u aanhalingstekens gebruikt om de link en de titel te omsluiten, anders kunt u een verbroken link krijgen.

Afbeeldingen insluiten

Een foto kan meer dan duizend woorden zeggen. We zouden ze vaker moeten gebruiken. En zo kun je handmatig een HTML invoegen met behulp van HTML:

Invoer:
Output:

Laten we ook deze tag analyseren. Nogmaals, de eigenlijke tag is en de vereiste attributen zijn src = en alt =. De eerste verwijst naar de locatie van de afbeelding, d.w.z. de URL, en de laatste biedt een alternatieve tekst, die wordt weergegeven in het geval dat de weergave van afbeeldingen wordt geblokkeerd of de koppeling wordt verbroken. Gebruik opnieuw aanhalingstekens om verbroken links te voorkomen.

De tag is ook een voorbeeld van een tag die niet hoeft te worden 'beëindigd' en daarom wordt afgesloten met het forward-streepje in de eerste tag, d.w.z.. liever dan .

Pauzes en alinea's

Als u een gestructureerde tekst wilt maken, moet u regeleinden en alinea's gebruiken. En dit zijn de tags die u moet weten:

Invoer:

Output: Met deze tag wordt een regeleinde gemaakt. Merk op dat dit een andere tag is die de begin- en eindtag in één combineert.

Invoer:

Tekst in je alinea.