Top 11 HTML-tags die elke blogger en website-eigenaar moet kennen

Advertentie

Het world wide web kent vele talen en is gecodeerd in verschillende talen. De enige taal die 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 al aangeeft, is HTML geen programmering, maar een opmaaktaal. De markeringen 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 knoeien met coderende HTML. Soms kunnen HTML-tags echter van pas komen, bijvoorbeeld om snel wijzigingen aan een website aan te brengen, hypertekst in een opmerking toe te voegen of tekst op te maken voor een forumbericht. In dit artikel wil ik je een paar, mogelijk willekeurige, maar zeker nuttige en eenvoudige tags voor dagelijks gebruik laten zien.

Voordat we beginnen, wil ik je voorstellen aan enkele basisregels die HTML-tags hopelijk gemakkelijker te begrijpen maken:

• HTML gebruikt opmaaktags, die tussen punthaken staan, zoals deze:
• Tags die lijken op die in het bovenstaande voorbeeld worden starttags genoemd. Elke starttag moet op een bepaald moment worden gevolgd door een eindtag, zoals deze:
• Sommige tags beschrijven geen inhoud. Om aan de huidige normen te voldoen, moeten ze echter nog steeds worden beëindigd. Daarom verenigen ze de start- 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 respectievelijke woord.

Invoer:stoutmoedig
Output: vet

Invoer:cursief
Uitgang:cursief

Invoer:onderstreept
Uitgang:onderstreept

Invoer:tekst doorhalen
Uitgang:tekst doorhalen

Hypertext maken

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

Invoer:Gebruikmaken van
Uitgang:Gebruikmaken van

Zoals u kunt zien, is deze HTML-tag iets gecompliceerder, dus laten we deze in detail bekijken. De daadwerkelijke tag is en de aanvullende elementen zijn attributen die verdere kenmerken specificeren. Het kenmerk href = specificeert de link en titel = definieert de mouse-over tooltip. Zorg ervoor dat je aanhalingstekens gebruikt om de link en de titel in te sluiten, anders krijg je mogelijk een verbroken link.

Afbeeldingen insluiten

Een foto zegt meer dan duizend woorden. We zouden ze vaker moeten gebruiken. En zo kunt u er handmatig een invoegen met HTML:

Invoer:
Uitgang:

Laten we deze tag ook analyseren. Nogmaals, de daadwerkelijke tag is en de vereiste kenmerken 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 als de weergave van afbeeldingen wordt geblokkeerd of de link 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 voorwaartse streepje in de eerste tag, d.w.z. liever dan .

Pauzes en alinea's

Om een ​​gestructureerde tekst te maken, moet u regeleinden en alinea's gebruiken. En dit zijn de tags die u moet kennen:

Invoer:

Uitgang: Deze tag zorgt voor een regeleinde. Merk op dat dit een andere tag is die de begin- en eindtag in één verenigt.

Invoer:

Tekst binnen je alinea.

Uitgang: In tegenstelling tot de vorige tag heeft de alinatag een standaard begin- en eindtag. De tekst tussen de twee tags is in een alinea ingepakt, wat betekent dat er een lege regel voor en na staat.

Lijsten

Er zijn in wezen twee soorten lijsten: geordende en ongeordende lijsten, beter bekend als genummerde en opsommingstekens. Om een ​​van beide te maken, moet u twee verschillende tags kennen, maar slechts drie in totaal. Laten we eerst de voorbeelden bekijken:

Invoer:

1. Item Een


2. Punt twee

Uitgang:

1. Item Een
2. Punt twee

Invoer:

• Item Een


• Punt twee

Uitgang:

• Item Een
• Punt twee

Gebruik de tag om een ​​geordende lijst te maken en voeg voor een ongeordende lijst de label. In beide gevallen is de

tag wordt gebruikt om een ​​item in de lijst te definiëren.

Nu je hebt gezien hoe eenvoudig en logisch HTML is, wil je misschien verder gaan dan de basis en wat meer leren. Bekijk deze artikelen voor meer HTML-tips:

• 5 stappen om basis HTML-code te begrijpen 5 stappen om Basic HTML Code te begrijpenHTML is de ruggengraat van elke webpagina. Als je een beginner bent, laten we je door de basisstappen leiden om HTML te begrijpen. Lees verder
• 5 HTML-tips om een ​​snel ladende gratis website te maken 5 HTML-tips om een ​​snel ladende gratis website te maken Lees verder
• 7 coole HTML-effecten die iedereen aan zijn website kan toevoegen 8 coole HTML-effecten die iedereen aan zijn website kan toevoegenJe hoeft CSS of PHP niet te kennen om een ​​mooie site te bouwen. Gebruik deze coole HTML-trucs om geweldige effecten te genereren. Lees verder

Voel je je wat zelfverzekerder over het gebruik van HTML-tags nu? Als u al vaker routinematig met de hand codeert, welke tags ontbreken er dan volgens u?

Afbeeldingscredits: kentoh