Een statische webpagina maken

...

Internet: the place to be.

Als één uitvinding de wereld tijdens ons leven volledig heeft veranderd, is het internet wel. Steeds meer mensen willen een aanwezigheid op het web die verder gaat dan die van sociale netwerken: ze willen een eigen webruimte. Grote websites worden steeds complexer en gebruiken newbie-intimiderend jargon zoals Flash, CSS, perl en JavaScript, maar vrees niet. Met vier eenvoudige letters kan iedereen in een mum van tijd een aanwezigheid op het web krijgen: HTML. De letters staan ​​voor hypertext markup language, een programmeertaal die een reeks tags gebruikt om een ​​statische webpagina te maken. Hoe meer tags u weet, hoe meer u kunt doen met een statische webpagina.

Stap 1

Maak het basisskelet van een statische webpagina door de volgende code naar een eenvoudige teksteditor te kopiëren, zoals Kladblok:

Video van de dag

Sla het bestand vervolgens op als index.html (de standaardnaam van de hoofdpagina) en open het in uw browser. U zou niets moeten zien omdat u een lege webpagina hebt gemaakt.

Al die tags hebben een betekenis. De tag vertelt de browser dat er een webpagina verschijnt. is waar allerlei informatie kan gaan voor zoekmachines. betekent dat het deel dat mensen zullen zien op het punt staat te beginnen.

Stap 2

Beschouw HTML als twee hoofdtypen tags (codes tussen haakjes). De ene vertelt de browser dat hij iets moet gaan doen, en de andere zegt dat hij moet stoppen.

Maak deze tekst vet

Alles na -- de openingstag -- wordt vet weergegeven totdat hij bereikt -- de afsluitende tag. De "/" vertelt de browser om te stoppen.

Stap 3

Voeg tekst toe aan uw webpagina. Typ "Dit is mijn webpagina" in de hoofdtekst van de webpagina, tussen en. Sla de pagina op en bekijk deze in de browser. Het resultaat is mooi maar niet te spannend. Probeer een paar andere tags om het op te fleuren. Maakt de tekst bijvoorbeeld vet; maakt tekst cursief; laat u de grootte van het lettertype wijzigen, van 1 (kleinste) tot 6 (grootste); maakt tekst rood (of een andere kleur die u invoert);

centreert tekst (of een afbeelding) op de pagina.

Probeer meerdere van deze tags op hetzelfde tekstblok te gebruiken. Je kunt elke gewenste combinatie maken.

U kunt ook ruimte tussen elementen op uw pagina toevoegen door het volgende ertussen te plaatsen:

voor een alinea-einde;
voor een regeleinde;


om een ​​breuk met een lijn over de webpagina te maken.

Stap 4

Voeg afbeeldingen toe aan uw pagina. Doe dit met behulp van de tag en vervang het webadres in dat voorbeeld door de locatie van de afbeelding die u wilt gebruiken. Dit is een van de weinige tags die geen eindtag heeft. Afbeeldingen kunnen ook worden gecentreerd, net als tekst.

Stap 5

Maak een link naar een andere website. Dit doe je met de tag Klik hier. Die code maakt de woorden "Klik hier" de link naar een andere website. In plaats van tekst kun je een afbeelding als link gebruiken door de code te gebruiken .

Tip

Door deze HTML-codes samen te gebruiken, kunt u statische webpagina's maken van elke gewenste complexiteit.

Denk aan HTML-tags als dozen in dozen, of die Russische poppen. Dit wordt nesten genoemd en het houdt alles netjes en gemakkelijk leesbaar. Bijvoorbeeld tekst geplaatst tussen

en
zal vet, cursief en gecentreerd zijn. De
doos zit in de doos, die zich in de doos.