Schrijver:
John Stephens
Datum Van Creatie:
26 Januari 2021
Updatedatum:
1 Juli- 2024
![HTML Website maken in kladblok tutorial #4 NEDERLANDS](https://i.ytimg.com/vi/3v95wTp7Jfo/hqdefault.jpg)
Inhoud
We gebruiken elke dag webpagina's, maar is het moeilijk om er een te maken? In dit artikel leert u hoe u een eenvoudige HTML-website kunt maken met Kladblok.
Stappen
Methode 1 van 1: Maak uw eigen website
Open Kladblok. Notepad is vooraf geïnstalleerd op elke Windows-computer en u vindt het in het menu Start. Na het openen van Kladblok, klik op "Bestand", selecteer "Opslaan als" in het vervolgkeuzemenu. Selecteer vervolgens "Alle bestanden" in het bestandstypemenu en sla het bestand op als HTML. Gewoonlijk is het bestand "index.html" de hoofdpagina, met alle links om toegang te krijgen tot alles op de website.
HTML (HyperText Markup Language) maakt gebruik van tags. In feite zijn tags woorden binnen de accenten.
U zult veel tags gebruiken om uw webpagina te maken. Ernaast staat een "close tag", die wordt gebruikt om een regel code te beëindigen. Bijv .: Deze tags eindigen een vet lettertype of een alinea met tekst.
De koptekst van de webpagina is meestal de tag: . U kunt het bovenaan uw Kladblok-bestand plaatsen.
De volgende is de kaart .
De volgende is, vertelt dit tabblad de browser wat hij bovenaan het venster moet plaatsen en metatag (optioneel) vertelt de zoekmachine (zoals Google) waar de site over gaat.
Op de volgende regel, na de kaart hoofdLaten we een titel plaatsen, bijvoorbeeld:wikiHow HTML
Typ nu om het eerste deel te beëindigen.
De volgende op de website is de tag . Merk op dat browsers niet alle kleuren ondersteunen (de meeste browsers ondersteunen bijvoorbeeld donkergrijs niet).
Tussen de twee body-tags bevindt zich de webpagina-inhoud die de gebruiker ziet. Laten we beginnen met de titel. Dit is het grote deel van de tekst, gespecificeerd in de HTML van de tagkomen
, met kaart
is de grootste maat. Dus boven aan de webpagina, na de body-tag, kunt u opstellen
Welkom op mijn pagina!
U moet altijd een close-tag plaatsen, anders wordt alle tekst op de webpagina overdreven!
Een andere tag die kan worden opgenomen in de inhoud van webpagina's isof alineatags.
Na de titel kun je invoeren. Ik leer hoe ik een website moet maken! WikiHow regels! Als u een nieuwe regel op de pagina wilt maken, gebruikt u de wrapping-tag
.
Een website met alleen platte tekst is saai. Laten we dus wat formaten invoeren. Kaart naar vetgedrukte tekst, cursief maken, en onderstrepen. Vergeet de afsluitende tag niet!
Wat de website echt interessant maakt, zijn de afbeeldingen. Zelfs als de tekst is opgemaakt, wil niemand een pagina zien als alle tekst. Gebruik een kaartom afbeeldingen in te voegen. Maar net als de body-tag heeft deze tag aanvullende informatie nodig. Een img-tag zou er als volgt uitzien:
De src-data (source: source) is de naam van de afbeelding. Achter breedte en hoogte staan de breedte en hoogte in pixels van de afbeelding.
Bijna klaar! Als u wilt dat uw bezoekers meerdere pagina's kunnen bekijken, gebruikt u de tag: Andere pagina's De inhoud van de tag is waarop de gebruiker zal klikken om naar de volgende pagina te gaan, en de href-sectie is de link naar die pagina. Met deze tag kunt u gebruikers eenvoudig rondleiden op uw website.
Om te eindigen, moet u de body-tag eindigen met en de hele webpagina op tag
Sla het bestand op met de extensie .html '. Open vervolgens het bestand.html in uw favoriete browser om te zien hoe het werkt. Gefeliciteerd! U heeft zojuist een website gemaakt.
Als u uw website online wilt publiceren, leert u hoe u een website met een domeinnaam maakt. advertentie
Advies
- U kunt veel kaarten online vinden. Er zijn veel nuttige websites om mensen te helpen leren hoe ze een website kunnen maken (W3Schools is er een van).
- Denk eraan om sluitingen te gebruiken.
- Zorg er altijd voor dat u de kaart bestelt op de eerste regel, vóór de tag Laat de browser weten dat uw site de HTML5-standaard is.
- U kunt het lettertype wijzigen met tags voordat en dan . N staat voor lettertypen, zoals "Verdana".
- Als u speciale tekens op een webpagina wilt gebruiken, typt u & lt (<), & gt (>), & amp (ampersand), enzovoort, dan MOET het einde van de code een puntkomma ";" HEBBEN.
- In HTML-tutorials worden map- en webbestandsnamen altijd in kleine letters geplaatst, zonder accenten. Hoewel Windows ruimtegebruik toestaat, doen veel webhostingproviders dat niet, dus u bespaart vanaf het begin tijd en gedoe met de juiste bestands- en mapnamen.