Een HTML-webpagina maken in Kladblok

Sinds 1993 begon er iets dat de manier van ons dagelijks leven volledig zou veranderen en toen werd de Mozaïek-browser gelanceerd, wat leidde tot wat we tegenwoordig kennen als webpagina's. Waarom we zeggen dat dit ons leven verandert, is eenvoudig, aangezien we tegenwoordig meer dan 1.100 miljoen webpagina's vinden met allerlei informatie, ontwerpen, structuren, talen en meer.

Uiteraard zijn er professionele, intermediaire en andere amateur-webpagina's, maar ze hebben allemaal het doel om een ​​soort van informatie te verstrekken aan de mensen die ze bezoeken. Dat is de reden waarom, als u vandaag wilt weten hoe u een webpagina kunt maken, Solvetic op een eenvoudige manier zal uitleggen hoe u dit moet doen, met Kladblok en HTML als programmeertaal.

HTML (HyperText Markup Language) is een programmeertaal waarmee webpagina's dynamisch kunnen worden ontwikkeld met geweldige bewerkingsfuncties.

1. Een webpagina maken in Kladblok

Stap 1
Om toegang te krijgen tot het Kladblok kunnen we een van de volgende opties gebruiken:

  • Gebruik de Windows + R-toetsen en voer het commando "Kladblok" uit
  • Gebruik Cortana of het zoekvak van Windows 10.

Stap 2
Zodra we het kladblok openen, gaan we naar het menu Bestand en daar selecteren we "Opslaan als" of we kunnen de Ctrl + Shift + S-toetsen gebruiken:

Ctrl + Shift + S

Stap 3
Door daar te klikken gaan we naar het pad waar het moet worden opgeslagen en standaard zien we het volgende:

Stap 4
Omdat het het kladblok is, kunnen we zien dat de standaardwaarde .txt is. Om dit te bewerken, geven we de opties weer in het veld Type en selecteren we "Alle bestanden". We kennen de naam van het bestand toe gevolgd door de extensie .html:

Klik op "Opslaan" om de wijzigingen toe te passen.

2. Zie websitestructuur

Stap 1
Nadat we het bestand hebben opgeslagen met de extensie .hmtl, is het tijd om door te gaan met bewerken door de HTML-taaltag voor de webpagina toe te voegen. Hiervoor vullen we het volgende in:

 

Stap 2
Nu gaan we de header-tags of "heads" toevoegen, het doel van deze tags is om het begin en einde van de titel van de aan te maken pagina te markeren. Om dit te doen gaan we achter het label "" schrijven, druk tweemaal op de Enter-toets om een ​​spatie vrij te laten en schrijf dan opnieuw:

Stap 3
De volgende stap is het toevoegen van de titel van de webpagina, deze titel bevindt zich tussen de ""-tags en gaat als volgt onder de "head"-tags. De toegewezen titel is degene die we op het browsertabblad zullen zien.

Stap 4
Het is tijd om de "body"-tags toe te voegen die onder de tag gaan en de functie van body is om de code van de webpagina tussen deze tags te laten gaan en zichtbaar te maken voor de gebruiker:

 

Stap 5
De volgende stap is het sluiten van de HTML-taaltag, dit is de laatste tag in het bestand en het is een HTML-tag die het einde van de pagina aangeeft. Hiervoor gaan we onder de "" tag schrijven om de HTML-tag te sluiten:

We slaan de wijzigingen op met behulp van de Ctrl + G-toetsen of vanuit het menu Bestand / Opslaan.

Stap 6
Het is tijd om de elementen aan de webpagina toe te voegen, al deze elementen moeten achter de "" tag en voor de "" tag komen, zodat ze zichtbaar zijn.

Het eerste element dat moet worden toegevoegd, is de hoofdkop van de webpagina, hiervoor gaan we tussen de ""-tags en voeren de gewenste tekst in tussen:

Met deze HTML-taal kunnen we de tags "" t/m " gebruiken"om de koptekst met kleinere afmetingen te maken.

Stap 7
Vervolgens gaan we alinea's toevoegen aan de webpagina, de alinea-tags zijn "" en daartussen zullen we de tekst van de site invoeren:

Solvetic Internet, het ontmoetingspunt voor professionals en technologieliefhebbers

VERGROTEN

Stap 8
Om een ​​alinea-einde aan de pagina toe te voegen, moeten we invoeren
na de afsluitende tag van de regel die we hebben toegevoegd, bijvoorbeeld:

Solvetic Internet, het ontmoetingspunt voor professionals en technologieliefhebbers

N

Een community die je meer dan eens zal verrassen en helpen

VERGROTEN

OpmerkingWe kunnen een tag toevoegen "
Extra "om een ​​spatie te maken tussen de eerste alinea en de tweede.

Stap 9
Nu is het tijd om de ingevoerde tekst op te maken, zoals vet, cursief, superscript, subscript of onderstrepen, de beschikbare labels zijn:

  Vetgedrukte tekst   cursieve tekst  Onderstreepte tekst  Superscript tekst   Subscript tekst 

VERGROTEN

3. Hoe webpagina te valideren

Stap 1
Om te valideren dat alles werkt zoals verwacht, gaan we naar het pad waar het HTML-bestand is opgeslagen, klikken er met de rechtermuisknop op en selecteren Openen met en kiezen de gewenste browser:

Stap 2
Door daar te klikken, zien we de structuur die we hebben gemaakt:

VERGROTEN

Zo eenvoudig heb je geleerd om met Solvetic een webpagina in Kladblok te maken en zo een basisweb te maken voor meerdere taken die je misschien nodig hebt.

U zal helpen de ontwikkeling van de site, het delen van de pagina met je vrienden

wave wave wave wave wave