Wat is HTML? Wat doet het? En waar wordt het voor gebruikt? (Video-uitleg)

Het begrijpen van HTML opent het web. Als je eenmaal weet wat het is en hoe het werkt, zul je snel zien hoe de basis van een groot deel van het hele internet functioneert – en nog belangrijker: zowel hoe eenvoudige webpagina’s worden gemaakt als hoe je ze kunt bewerken. Bovendien is HTML, hoewel in het begin ontmoedigend, echt een heel erg eenvoudige taal om te leren! Klaar om alles over HTML te weten te komen?


Laten we kijken…

Wat is HTML en wat doet het ?:

– (opmerking: videokredieten aan Topher DeRosia – maker van HeroPress

Videotranscript:

Hoi! Dit is Topher met WinningWP. In deze video gaan we de vragen beantwoorden: wat is HTML? Wat doet het en waarvoor wordt het gebruikt? Ik begin met te vertellen waar het voor staat en dan laat ik je zien wat het doet en waarvoor het wordt gebruikt. HTML staat voor hypertekst-opmaaktaal en de hypertekst verwijst naar het feit dat HTML ervoor zorgt dat u op links op webpagina’s kunt klikken. Dat is de hypertekst. De woorden opmaaktaal betekenen gewoon dat het iets is dat je gebruikt om normaal Engels te markeren om dingen aan te geven. Lemme laat je zien wat ik bedoel: dit is een normale webpagina. Het staat in WordPress en de hele pagina gebruikt HTML om de browser te vertellen wat hij met al deze tekst moet doen. Een deel ervan is belangrijker dan andere, een deel ervan staat in tabellen, een deel ervan is afbeeldingen en op elke webpagina, in elke browser, kunt u met de rechtermuisknop klikken en de paginabron bekijken en al die HTML bekijken. Gelukkig hoef je niet al die HTML te kennen. Ik laat je zien wat je moet weten in het kader van WordPress. Dit is hetzelfde bericht, maar in het admin-gebied, en als je gewend bent aan WordPress, zou dit er bekend uit moeten zien. Dit is het normale inhoudsgebied. Dit type editor wordt wysiwyg genoemd, omdat het betekent dat wat je ziet, is wat je krijgt. Dit woord is eerst een beetje donkerder dan alle andere omdat ik het heb gemarkeerd en op de vetgedrukte knop heb geklikt, en nu ziet het er dus vet uit. Dit woord, statistieken, is eigenlijk een kop, maat drie, en diversiteit is ook een kop, maat vier, maar deze normale tekst is slechts een alinea. Het leuke van deze editor is dat hier rechtsboven een knop staat die tekst zegt. En nu kijken we naar dezelfde informatie, maar we kunnen de onbewerkte HTML zien. Hier is het woord eerst. Weet je nog hoe ik het gemarkeerd en vet gemaakt heb? Wat er feitelijk is gebeurd, is dat het is ingepakt in enkele HTML-tags die sterk worden genoemd. HTML komt meestal in twee tags: een opening en een sluiting, en de sluiting is anders omdat het hier een kleine schuine streep heeft. Iets heel belangrijks om te weten over HTML is dat het de tekst beschrijft die het markeert. Ik heb niet echt wil dat dit vet zijn. Ik wil dat het sterk is. In een schermlezer maakt het niet uit of het vet is of niet, maar de sterke tag vertelt de lezer dat hij het extra krachtig moet zeggen. Mijn kopteksten, drie en vier, hier, geven een hiërarchie aan voor deze tekst. Het kan handig zijn voor mensen die lezen, maar het is erg handig voor Google om te begrijpen wat er met uw tekst gebeurt, en het is ook handig voor schermlezers. Iets belangrijks om op te merken is dat niet alle browsers HTML op dezelfde manier weergeven. Zelfs hier in deze browser die Chrome is, is dit een koptekstgrootte vier en het ziet er hetzelfde uit als alineatekst. Maar als we teruggaan naar het eigenlijke bericht, merk je dat het een stuk groter is dan de alineatekst. Ook belangrijk om te onthouden is dat niet alle browsers de dingen op dezelfde manier weergeven. Je kunt dus niet op HTML rekenen om dit groter en vetter te maken. Je gebruikt HTML gewoon om het te omschrijven als een koptekstgrootte drie, en de browser regelt wat hij daarmee moet doen. In sommige gevallen maakt het het groter en vetter, maar in andere gevallen niet. In dit bericht hebben we hier een tabel en als we naar de tekstmodus gaan, kun je zien dat deze hier staat: tabel, tabel, tabelrij, enzovoort. En onder de tafel hebben we een afbeelding. En in de html ziet de afbeelding er als volgt uit: het begint met img, dan is er een klasse, waarover we het in een andere video zullen hebben, en dan is er de source-tag, die ons vertelt waar de afbeelding op internet staat. We hebben een alt-tag voor schermlezers en we hebben een breedte- en hoogtetag, zodat de browser van tevoren weet hoe groot deze afbeelding zal zijn. U hoeft dit teksttabblad waarschijnlijk niet vaak te gebruiken, maar een beetje leren over hoe HTML werkt, kan u in de toekomst veel tijd besparen. Wanneer de wysiwyg-editor niet naar behoren werkt, kunt u op het teksttabblad klikken en zien wat er aan de hand is. Misschien wil je echt dat deze dubbele punt tussen de sterke tags staat, maar je muis wilde het niet goed markeren. Maar daar ben je, nu is het binnen. Nu kunnen we updaten, en we komen hier naar buiten en ik heb nog niet opnieuw geladen, dus de dikke darm staat nog steeds buiten de sterke, maar als ik nu herlaad, zul je zien dat het een beetje brutaler is geworden. Laten we eens kijken wat we tot nu toe hebben geleerd: HTML staat voor hypertekst-opmaaktaal, en dat betekent dat het een taal is die bedoeld is om normaal Engels op te maken in hypertekst, en oorspronkelijk betekende hypertekst dat je erop kon klikken, maar nu betekent het allerlei van dingen, zoals het aangeven van kopteksten en tabellen en afbeeldingen. HTML beschrijft het doel van tekst. Vervolgens is het aan de webbrowser om te weten wat hij met die tekst moet doen. Als je meer wilt weten over WordPress, ga dan naar WinningWP.com.

Bekijk meer video’s …

Alles om toe te voegen?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me