Sinds het begin van het internet , HTML is cruciaal geweest voor het maken van het world wide web werk en lijken de manier waarop we willen dat het was. Laten we eens kijken naar wat HTML is en hoe het verandert in de pagina's die je elke dag ziet.
De ruggengraat van het internet
HTML staat voor “HyperText Markup Language.” Het is een codering taal die wordt gebruikt om pagina's die een web browser kan weergeven creëren. Het grootste deel van de webpagina's die u vinden op het internet, met inbegrip van de degene die je dit artikel leest op dit moment, worden opgeslagen als een HTML-bestand. Websites zijn een stelletje gerelateerde HTML-pagina's die zijn opgeslagen op een server ergens. Dat is de reden waarom de taal vaak wordt genoemd de “ ruggengraat van het internet . "
Wanneer u naar een pagina op het internet, bent u in wezen het aanvragen van een HTML-bestand opgeslagen op de server. Vervolgens wordt de browser die u gebruikt, zoals Chrome of Firefox, zal de HTML lezen en te tonen aan u in de manier waarop het is bedoeld.
HTML's universaliteit en veelzijdigheid maken het de meest populaire Markup-taal in de wereld. De meeste front-end web-ontwikkelaars beginnen met leren hoe je code in HTML. De drag-and-drop gereedschappen en WYSIWYG-editors worden uiteindelijk vertaald in HTML, zodat browsers ze kunnen ontleden.
VERWANT: Wat is een markup-taal?
Hoe HTML Works
Net als elke programmeertaal, HTML ziet eruit als een stel commando's en tekstblokken voordat deze wordt omgezet in de front-facing visueel. Als u nieuwsgierig naar wat de HTML-code te zien op deze specifieke pagina eruit ziet bent en je bent op een desktop of laptop, probeer dan rechts te klikken ergens op deze pagina en kies “View Page Source” (de optie kan verschillen, afhankelijk van uw browser ). Het moet je naar een gigantische muur van de code.
De meeste HTML is gebouwd met behulp van “element blokken”, die fragmenten van HTML-code die los staan verschillende elementen op een pagina zijn. Bijvoorbeeld, het lichaam van dit artikel is een element blok, zoals het menu, de aanbevelingen hieronder, en voettekst van de pagina. Deze elementen zijn gecodeerd op hun eigen manier, omdat ze anders kunnen gedragen.
Een cruciaal onderdeel van het uitbouwen van HTML-pagina's is het gebruik van Cascading Style Sheets (CSS). Dit zijn documenten die bepalen welke specifieke elementen van een pagina eruit moet zien. Bijvoorbeeld, hoe groot afbeeldingen moeten worden, welke lettertypen moeten verschijnen op een pagina, en hoe een webpagina moet reageren wanneer het verkleind of uitgerekt. Dit zijn allemaal van cruciaal belang voor het creëren van aantrekkelijke, samenhangende en stijlvolle websites. Als het je opgevallen websites hebt beginnen om er beter uitzien in de afgelopen tien jaar, het toenemende gebruik van CSS is de grootste reden. U kunt meer informatie over CSS lezen hier .
Een van de beste dingen over HTML is de mogelijkheid om dynamische scripts uit te voeren via JavaScript of JS. Deze scripts kunnen dynamische elementen creëren. Bijvoorbeeld, op bepaalde websites, zweven op een afbeelding zal toestaan om erin te zoomen. U kunt dit effect te maken door het coderen in een JavaScript-element.
VERWANT: Hoe kan uitschakelen (en Enable) JavaScript in Google Chrome
HTML Basics
Terwijl HTML is een vrij complexe taal met tal van verschillende labels en blokken, er zijn een paar HTML-codes die van pas kan komen als je surfen op het web. Hier zijn een paar eenvoudige HTML-tags die u kunt tegenkomen.
& lt; a href = "https://www.howtogeek.com" & gt; Instructieartikelen Techno & lt; / a & gt;
How-to Geek
U gebruikt de
& LT; A & GT;
commando uit om een link te maken. De URL is waar de link zal aanwijzen, en de tekst die “How-to Geek” leest is hoe het zal verschijnen om een eindgebruiker.
& lt; b & gt; bold & lt; / b & gt; & Lt; i & gt; cursief & lt; / i & gt; & Lt; u & gt; onderstreping & lt; / u & gt;
stoutmoedig cursief onderstrepen
Je kunt de
& Lt; b & gt;
,
& Lt; i & gt;
, en
& Lt; u & gt;
vet, cursief, en onderstreepte tekst: aan de standaard opties voor tekstopmaak toepassen.
& lt; img src = "picture.jpg" & gt;
De
& Lt; img & gt;
Tag wordt gebruikt om een afbeelding in een pagina in te sluiten. Het zal het beeld van hetzelfde domein trekken of u kunt het naar een extern domein wijzen. U kunt het ook aanpassen met enkele extra attributen, zoals het formaat van de grootte en alt-tekst.
& lt; H1 & GT; rubriek 1 & lt; / h1 & gt; & lt; P & GT; alinea & lt; / p & gt;
Het bovenstaande is rubriek en paragraaf-tags. Vergelijkbaar met hoe Microsoft Word u in staat stelt om de tekst in kopteksten en body-tekst te sorteren, kan HTML ook tekst opmaken op basis van standaardkop- en paragraafopties. Deze indelingen worden gedefinieerd met behulp van de CSS-stylesheet.
& LT; P Style = "Kleur: EDR;" & GT; Rode paragraaf & LT; / P & GT;
Je kunt ook de
"stijl"
Attribuut om de tekst met verschillende stijlinstellingen aan te passen, zoals tekstkleur, achtergrondkleur en lettertype.
Als u geïnteresseerd bent in het leren van meer HTML-formatteringsopties, bekijk dan de Gratis middelen van W3schools . U vindt een volledige lijst van HTML-tags die u kunt gebruiken om uw webpagina's te bouwen.
