Wat is html en wat heb je eraan?

Door GeenHoofd gepubliceerd op Tuesday 06 August 19:15

HTML ofwel Hyper Text Markup wordt gebruikt voor de opbouw van websites.

HTML is een opmaaktaal die gebruikt wordt om de meeste websites op te bouwen. Met HTML wordt onderandere de lay-out van een webpagina bepaald. Denk hierbij aan de koptexten, hyperlinks, tekst indeling en de positionering van elementen op een pagina.

Geschiedenis van HTML

HTML is uitgevonden door Tim Berners-Lee, toen werkzaam bij CERN, een natuurkunde-instituut in Genève.
HTML en internet zijn oorspronkelijk ontworpen voor en gebruikt door de militairen als communicatiemiddelen. Daarna zijn universiteiten het gaan gebruiken. Er zijn verschillende versies van HTML. Op dit moment is versie 4 in gebruik en wordt de overstap naar HTML5 gemaakt. Met iedere versie wordt de taal verbeterd en worden er nieuwe functies toegevoegd.

Wat is HTML eigenlijk?

HTML is een afkorting voor Hyper Text Markup Language. Zoals de woorden al zeggen is het een opmaak taal, het vertelt je browser via HTML tags hoe de pagina weergegeven moet worden.

HTML is geen programmeertaal zoals vaak gedacht wordt. De tags kun je vergelijken met lego-stenen. Er is een bepaald aantal stenen met een vooraf bepaalde vorm die je naar eigen smaak samen kunt voegen om zo een bouwwerk te creëren.

Net als lego is ook HTML eenvoudig te leren, terwijl je er ook hele ingewikkelde dingen mee kunt doen, maar met het leren van de basisfuncties kun je al snel mooie pagina’s bouwen.

Opbouw

Iedere pagina bevat gegevens. Deze gegevens hebben de vorm van elementen. Zo heb je elementen voor tekst, plaatjes, formulieren, tabellen, enzovoorts.

Elementen, Attributen, Waarden en Tags

Ieder element bestaat uit drie delen: een begintag, de inhoud en een eindtag.

Attributen

Verder heeft een element verschillende attributen. Zo heeft het element tekst bijvoorbeeld als attributen lettertype en lettergrootte. HTML is niet in het Nederlands maar gebruikt Engelse taal voor element, attribuut en waarde namen.
Tenslotte hebben de attributen weer verschillende waarden. Zo heeft de tekst een bepaald lettertype, bijvoorbeeld Arial of Courier. 

Als je geen waarde opgeeft, dan wordt de standaardwaarde voor het betreffende attribuut gebruikt.

Tags

Zoals gezegd bestaat een element uit een begintag, de inhoud en een eindtag.
Wat zijn nu tags? Een tag is een HTML code die tussen twee haken: < en > staat.
Een voorbeeld van een tag is

Resultaat van de font element

Een tag bestaat uit een openings tag

en een sluitings tag. Een eindtag maak je hetzelfde als de begintag, maar dan met een / voor de naam van het gebruikte element.

Er zijn een aantal elementen die geen inhoud hebben. Deze hebben daarom wel een begintag, maar geen eindtag.

Voorbeeld

 

Hieronder zie je het resultaat van de font tag de we net gebruikt hebben, het zal ervoor zorgen dat de letters in grotere letters met een rode kleur wordt weergegeven op de pagina. Alleen de woorden worden weergegeven, dus niet de HTML code.
Resultaat van de font tag
  • Tag: Resultaat van de font element
  • Element: font
  • Attributen: color, size
  • Waarden: red, 15

 Slot

Met HTML kan je mooie en goed werkende websites bouwen, je kan verschillende extras in je HTML bestanden gebruiken zoals JavaScripts voor handige functionaliteit en CSS om de opmaak van je website makkelijker te maken. Als je geen zin hebt of echt niets van HTML begrijpt kan je altijd nog je website bouwen met behulp van WYSIWYG Web Builder. Daarmee kan je in een soort graphische omgeving alle elementen die je wilt in je website bewerken. Het mooie is dat je gelijk ziet wat je doet en je hoeft niet veel van HTML te weten.

Een website die in HTML is geschreven:

Reacties (4) 

Voordat je kunt reageren moet je aangemeld zijn. Login of maak een gratis account aan.
Leuk herkenbaar verhaal, heb zelf ook in website in Html gemaakt!
Interessant artikel, misschien kan ik hier wat mee.
Misschien dat de laatste web builder iets voor mij is...html is a brdge too far , voor mij.
Voorlopig zie ik er van af om websites zelf te gaan maken met die HTML.

Interessant artikel