HTML staat voor hypertext opmaaktaal, en documenten die deze taal gebruiken, creëren webpagina's. Elke website gebruikt dit, dus het is belangrijk om te begrijpen hoe het werkt.

In dit zelfstudieartikel leert u alles wat u moet weten over HTML.

Wat is de Verklaring?

De declaratie is de eerste regel code in elke HTML het dossier. Het vertelt webbrowsers welke versie van HTML bevindt zich in een specifiek bestand.

Elke versie van HTML is uniek en heeft zijn eigen regels. HTML5 is de nieuwste versie van de taal. Het is de aanbevolen versie voor ontwikkelaars, evenals de eenvoudigste versie om te declareren. om een ​​te declareren HTML5 document, voeg gewoon de HTML element naar de verklaring.

Hieronder ziet u een voorbeeld:

Wat is de Label?

In elke HTML document, de verklaring wordt gevolgd door de label. Deze tag identificeert de hoofdmap van het document en bevat de en labels.

De tag is de eerste sectie en bevat de - en -tags. In sommige gevallen, wanneer de ontwikkelaar ervoor kiest om interne CSS te gebruiken, wordt de tag ook binnen de tag geplaatst.

Er is slechts één -tag in een HTML-document. De tag bevat de titel van een webpagina en deze informatie verschijnt in het tabbladgebied van een webbrowser.

Hieronder ziet u een voorbeeld van een title-tag:

 
 Een HTML bestand met de  tag hierboven zal verschijnen als "An Introduction to HTML" in het tabbladgebied van browsers. 
 De -tag beschrijft de inhoud op een webpagina en heeft over het algemeen een naam en een inhoudskenmerk. Drie van de meer populaire typen -tags zijn beschrijving, trefwoord en viewport. 
 Hieronder is een beschrijving van een  tag voorbeeld: 


 Het kenmerk description  tag content bevat een beschrijving van uw web bladzijde. Dit zijn de gegevens die worden weergegeven in het resultaat van een zoekmachine en die een potentiële bezoeker vertellen wat hij op een website kan verwachten. 
 Hieronder vindt u een trefwoorden  tag voorbeeld: 



 De tag keywords  bevat woorden of woordgroepen die relevant zijn voor jouw website. Elk nieuw woord of elke nieuwe woordgroep die aan een kenmerk voor trefwoordinhoud wordt toegewezen, wordt gescheiden door een komma, zoals u in het bovenstaande voorbeeld kunt zien. 
 Hieronder ziet u een voorbeeld van een viewport -tag: 



 De tag viewport  helpt bij het maken van responsieve ontwerpen door uw webpagina responsief te maken voor verschillende apparaattypes. 
 Wat is de -tag?
 De  tag is de tweede hoofdsectie binnen de  root-tag. De tag  bevat elk element dat op een webpagina wordt weergegeven. 
 Elementen met een -tag worden geclassificeerd als inline- of block-elementen. Als je een spiekbriefje met volledige HTML-benodigdheden wilt zien, hebben we er een samengesteld zodat je alles gemakkelijker kunt begrijpen. 
 Wat zijn blokelementen?
 Blokelementen beginnen altijd op een nieuwe regel en nemen de volledige breedte van de regel in beslag die ze ben aan. 
 Enkele blokelementen die u zult gebruiken zijn: 

De header-tags
De 
 tag
De 
-tag
De 
 tag

De 
-tag
De 
-tag
 Blokelementen worden gebruikt om de tekst op de website te verdelen in een samenhangend, verteerbaar formaat. 
 Er zijn zes verschillende soorten koptags: 
, 
, 
, 
, 
 en 
. De tag 
 produceert de grootste kop, de tag 
 produceert de kleinste rubriek, en alle andere rubrieken vallen op een positie tussen de twee (afhankelijk van het aantal) waarde). 

 De titeltags worden gebruikt op de koppen op een webpagina. Het gebruik van een specifieke koptag is afhankelijk van de positie van de kop op de webpagina. De tag 
 wordt bijvoorbeeld gebruikt op de eerste kop van een webpagina en een webpagina gebruikt slechts één h1-element (hoewel deze meerdere h2-, h3- en h4-elementen kan hebben). 

 Hieronder zie je een voorbeeld van de 
-tag in actie: 
 De basis van HTML leren 

 code>
 Wat is de 

-tag?
 De 
 
is een ander blokelement dat wordt gebruikt binnen de hoofdtekst van de webpagina, en het creëert alinea's. Hieronder ziet u een voorbeeld van het gebruik van deze tag: 


Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit aliquid a cupiditate
inventore, reiciendis earum illum mollitia dignissimos officia, culpa cumque dolorem
quidem atque maiores, ad tempora quia. Repudiandae, delectus!



 Wat is de 
 Tag?
 De tag 
 vertegenwoordigt een divisie. Het wordt gebruikt om containers te maken voor groepen van andere HTML-elementen voor styling of functionele doeleinden. 
 Als u bijvoorbeeld met een raster werkt, moet u alle rasterelementen in een container plaatsen. Een 
-tag is wat u moet gebruiken om de container te maken. 
Gerelateerd: Meer informatie over het bouwen van tweedimensionale websites met CSS-raster
 De 
 en 
 tags worden gebruikt om lijsten te maken in HTML. De 
 tag maakt geordende lijsten, terwijl de  
 tag ongeordende lijsten maakt. Beide tags gebruiken echter de tag 
, waarmee lijstitems worden gemaakt. 

De 
-tag gebruiken

 Een geordende lijst gebruikt standaard cijfers. De 
 
tag heeft echter een type-attribuut dat u kunt gebruiken om expliciet het element aan te geven dat u wilt gebruiken om uw lijst te ordenen. U kunt een lijst bestellen met Romeinse cijfers in hoofdletters of kleine letters, hoofdletters of kleine letters of cijfers. 

 Hieronder ziet u een voorbeeld: 


Eerste item

< li>Tweede item
Derde item





 De bovenstaande code maakt een geordende lijst met lagere hoofdletters. 
De 
-tag gebruiken

 De 
-tag heeft ook een type attribuut, dat een van de verschillende waarden aanneemt: namelijk schijf, cirkel of vierkant. De schijf is echter de standaardindicator van een nieuw lijstitem in een ongeordende lijst. 

 Hieronder ziet u een voorbeeld van wat een ongeordende lijst in codevorm zou willen: 


Eerste item

Tweede item

Derde item





 Wat zijn inline-elementen?
 Een inline-element niet op een nieuwe regel beginnen. Het begint op de volgende beschikbare positie, al dan niet op een nieuwe regel, en het gebruikt alleen zoveel breedte als nodig is. Enkele inline-elementen die u waarschijnlijk zult gebruiken, zijn: 

 De -tag 

 De -tag 

 De  Tag 
 De  Tag 

 De  Tag 


 We gaan op elk van deze dieper in onderstaand. 
 Wat is de -tag?

 De  tag wordt gebruikt voor inline-stylingdoeleinden. Als u bijvoorbeeld de stijl van een specifiek woord of zin in een alinea wilt wijzigen, kunt u de tag  gebruiken. 
 Hieronder ziet u een voorbeeld van deze tag: 

Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit aliquid a cupiditate
inventore, reiciendis earum illum dignissimos officia ,culpa cumque dolorem
quidem atque maiores, ad tempora quia. Repudiandae, delectus!



 Gebruik de  tag in de voorbeeld hierboven zorgt ervoor dat de twee woorden binnen de  tag nu een unieke. kunnen hebben stijl. 
 Wat is de -tag?

 De  tag wordt gebruikt om links op een webpagina te maken. Met de  tag kan een ontwikkelaar linken naar een andere website (externe link) of een andere webpagina op dezelfde website (interne link). De tag  heeft twee belangrijke kenmerken: href en target. 
 Het href-attribuut is essentieel, omdat het de waarde van de linklocatie opslaat. En het doelkenmerk is nodig omdat het een gebruiker in staat stelt de link in een nieuw tabblad te openen. Zonder het doelkenmerk wordt een link geopend op het huidige tabblad en als het een externe link is, leidt dit verkeer weg van uw website. 
 Zie hieronder voor een voorbeeld van de -tag in actie: 
Klik op deze link naar Google
 HTML leren is Essentieel voor programmeurs
 Het leren van HTML is cruciaal voor alle programmeurs en zou de basis van uw studies. Maar gelukkig is het ook niet al te ingewikkeld. 
 Na het lezen van deze handleiding zou je alles moeten hebben wat je nodig hebt om websites beter op te maken. 

DelenDelenTweet span>E-mail



Een Inleiding tot Cascading Style Sheets (CSS)
Klaar om saaie HTML-webpagina's te schrappen en dingen op te fleuren met CSS? Dit is de gids die je nodig hebt om aan de slag te gaan.

Volgende lezen

Gerelateerd Onderwerpen

Programmeren
HTML

Codeertips 
Programmeren


Over De auteur



Kadeisha Kean (27 artikelen Gepubliceerd)
Kadeisha Kean is een full-stack softwareontwikkelaar en technisch/technologisch schrijver. Ze heeft het onmiskenbare vermogen om enkele van de meest complexe technologische concepten te vereenvoudigen; materiaal produceren dat gemakkelijk kan worden begrepen door elke technologiebeginner. Ze is gepassioneerd door schrijven, het ontwikkelen van interessante software en de wereld rondreizen (via documentaires).
Meer van Kadeisha Kean



Abonneer u op onze nieuwsbrief
Word lid van onze nieuwsbrief voor technische tips, recensies, gratis e-boeken en exclusieve deals!
Klik hier tot abonneren