Basis HTML leren en mijn eerste webpagina

Wat is HTML? Het acroniem staat voor 'Hypertext Markup Language'. Het wordt gedefinieerd als een tagtaal waarmee u een webpagina kunt ontwikkelen. Onder de elementen die deze taal heeft, zijn de bedieningselementen (labels, tekstvakken, tekstgebieden, knoppen) om onder andere formulieren, lijsten, tabellen, het invoegen van afbeeldingen, video, audio te implementeren.
Het is een heel eenvoudige taal om te leren omdat het op zich geen programmeertaal is, maar een taal die je markeert. Daarnaast zijn de gereserveerde woorden waaruit het bestaat gemakkelijk te onthouden en zeer beschrijvend.
De meest elementaire omgeving om te beginnen met het oefenen en ontwikkelen van een webpagina is het gewone "Notepad", een teksteditor, hoewel er ook speciale compilers zijn (bijvoorbeeld Netbeans) die de automatische correctiefunctie hebben voor wanneer een woord in de syntaxis verkeerd is, markeert het het en maakt het gemakkelijker te lokaliseren.
HTML-bestanden moeten altijd worden opgeslagen met de extensie .html, of de ontwikkelaar deze nu handmatig toevoegt of de editor deze automatisch toevoegt. Het .html-bestandstype wordt geopend met de browser of browser van de voorkeur van de gebruiker (bijvoorbeeld: Internet Explorer, Firefox, Google Chrome, Opera, Safari, enz.) omdat, zoals hierboven vermeld, de HTML-taal bestaat uit tags : die de browser bereid is te interpreteren.
Je eerste website…
In dit geval zullen we het kladblok openen, aangezien we in een Windows-omgeving werken en we zullen de volgende code introduceren, voor de typische "Hallo wereld!"

Zoals te zien is in de afbeelding, is het bestand nog niet opgeslagen. Dus gaan we naar het menu Bestand> Opslaan. Om de bestanden die we tijdens deze tutorial ontwikkelen goed te organiseren, zullen we een map maken met de naam "BASIC HTML", we openen deze map en passen de bestandsnaam aan, we voeren de naam "index.html" in en onthouden dat het belangrijk is om de extensie vast te stellen, anders wordt het alleen opgeslagen als een tekstbestand, dat wil zeggen .txt.

Ga naar de locatie van het bestand, dubbelklik op het pictogram met de naam "index.html" en het wordt geopend in de standaardbrowser, in dit geval Google Chrome. Dit is wat je zult zien:

Laten we nu teruggaan naar de code …
Vertelt de browser dat u een HTML-bestand opent.
Kop van het document.
Mijn eerste website. Pagina titel.
Sluit de kop van het document.
Body, alle inhoud van deze sectie zal op de pagina verschijnen.
Hallo Wereld!
Lichaamssluiting.
Sluit het HTML-bestand.
De tag vertelt de browser dat een html-document wordt geopend, dit is waar het de inhoud begint te interpreteren. Het is belangrijk dat elke tag die wordt geopend, wordt gesloten, de sluittag kan aan het einde van het document worden weergegeven.
geeft de kop van het document aan, hier wordt onder andere de titel van de pagina geplaatst. Dat brengt ons bij de coderegel Mijn eerste webpagina. , zal het resultaat van deze regel worden weergegeven in de titelbalk van de browser. Hieronder staat de afsluiting van de tag.
In de labels en de inhoud van de pagina wordt geplaatst, die direct tekst en/of andere opmaaklabels kan bevatten.
De attributen…
Sommige tags hebben een of meer attributen, deze zijn gedefinieerd als kenmerken voor de hoofdtag. Bij het definiëren van attributen moet rekening worden gehouden met een aantal aspecten:

• Ze hebben de structuur naam = "waarde"
• De waarde staat altijd tussen aanhalingstekens.
• Ze worden op de openingstag geplaatst.

Voorbeeld: we zullen het bgcolor-attribuut aan het label toevoegen, er een waarde aan toekennen die hexadecimaal is en tussen aanhalingstekens wordt geplaatst. Voor een kleurengids laat ik de volgende link "HTML kleurcodes" achter.

We slaan ons bestand op om de wijzigingen te visualiseren, en het resultaat is:

*BELANGRIJK:: De labels kunnen heel goed in kleine letters worden geschreven zoals we in de voorbeelden hebben gevisualiseerd en in hoofdletters bijvoorbeeld. Het World Wide Web Consortium (W3C) beveelt het gebruik van kleine letters aan, en XHTML, de meest up-to-date versie van HTML, accepteert alleen het gebruik van kleine letters.Vond je deze tutorial leuk en hielp je hem?Je kunt de auteur belonen door op deze knop te drukken om hem een ​​positief punt te geven