Elke dag bezoeken we verschillende websites. Maar soms vragen we ons af, is het moeilijk om je eigen website te maken? In dit artikel wordt u begeleid bij het maken van een eenvoudige HTML-webpagina met Kladblok.
Stap
Methode 1 van 1: Uw eigen webpagina maken
Stap 1. Open Kladblok
Deze teksteditor is een ingebouwd programma dat op elke Windows-computer beschikbaar is en te vinden is in het menu Start. Nadat Kladblok is geopend, klikt u op Bestand > Opslaan als en selecteert u vervolgens Alle bestanden in de kolom Bestandstype. Sla uw gemaakte bestand op in HTML-indeling. Over het algemeen heeft de hoofdpagina van een site de bestandsnaam "index.html" en bevat deze links naar alle pagina's op de site.
Stap 2. Begrijp HTML
Het teken (tag) in HTML (Hypertext Markup Language) is in.
Deze markeringen dienen om uw website te bouwen. Om HTML-code te beëindigen, gebruikt u een eindtag, zoals. De afsluitmarkering is handig voor het sluiten van verschillende markeringen, zoals vetgedrukte of alineamarkeringen.
Stap 3. Start uw webpagina door een tag bovenaan het bestand in te voegen
Stap 4. Gebruik tags om verschillende informatie in te voeren
Markeringen zijn handig voor het instellen van de paginatitel, terwijl (optionele) tags worden gebruikt om uitleg over de inhoud van de webpagina in te voeren. Het bord wordt dan gelezen door zoekmachines, zoals Google.
Stap 5. Geef na het invoeren van de tag de pagina een titel met de tag, bijvoorbeeld wikiHow HTML
Stap 6. Maak de koptekst van de site af met het teken
Stap 7. Gebruik tags om pagina-inhoud in te voeren
Houd er rekening mee dat niet alle kleuren door browsers worden ondersteund. Donkergrijs wordt bijvoorbeeld mogelijk niet ondersteund.
Stap 8. Schrijf de inhoud van de webpagina tussen de
Begin bijvoorbeeld met het maken van een sitekoptekst. De koptekst van de site is het deel van de site in grote letters en is gemarkeerd met een bord
tot
. Teken
u kunt gebruiken om een sitekoptekst te maken met de grootste lettergrootte. Probeer het teken net onder het teken te gebruiken, zoals
Welkom op mijn site
. Zorg ervoor dat u het bord sluit
aan het einde van de zin.
Stap 9. Maak een alinea op de pagina met de markering
Schrijf bijvoorbeeld
Paragraaf test!
Gebruik het teken. om een nieuwe regel te maken, of breekt.
Stap 10. U wilt zeker niet dat de webpagina die u maakt alleen platte tekst bevat
Gebruik de volgende vlaggen om tekst op webpagina's op te maken: om tekst vet te maken, tekst cursief te maken en te onderstrepen. Vergeet na gebruik van het bovenstaande bord niet het te sluiten!
Stap 11. Afbeelding met teken toevoegen
om de site te verfraaien en informatie toe te voegen die niet in tekstvorm kan worden uitgelegd.
Teken
heeft bepaalde informatie nodig om te kunnen functioneren. De volledige syntaxis van het teken
kan als volgt worden gevormd:.
De src-parameter in het teken dient om de naam van het afbeeldingsbestand te schrijven, en de breedte- en hoogtefunctie om de lengte en breedte te beschrijven.
Stap 12. Maak een link die naar een andere pagina leidt met een, bijvoorbeeld Een andere pagina
De tekst in het midden van de markering is de tekst die op de pagina zal verschijnen, terwijl de href-parameter de bestemmingspagina bevat. Met links kunnen bezoekers gemakkelijk naar verschillende pagina's op uw site gaan.
Stap 13. Als u klaar bent met het invullen van de site, sluit u de pagina af door het
Sluit ten slotte de HTML-code af met
Stap 14. Sla uw gemaakte webpagina op met de extensie.html en open deze in uw favoriete browser om deze te testen
Stap 15. Lees de volgende handleiding om uw site naar internet te uploaden
Tips
- Op internet zijn er verschillende sites die handleidingen bevatten voor het maken van een website. W3school is een site met goed materiaal.
- Zorg ervoor dat u elke tag in het HTML-bestand sluit.
- Zet een markering in de eerste regel van het bestand, vóór de. Deze vlag geeft aan dat het bestand dat u aanmaakt een HTML5-bestand is.
- Verander het lettertype met de voor en na markeringen. Vervang "N" door het gewenste lettertype, bijvoorbeeld "Verdana".
- Als u punthaken moet gebruiken, gebruikt u de code. Om het &-teken te gebruiken, gebruikt u de code &.
- Volgens HTML-zelfstudies moet u webbestanden en -mappen altijd in kleine letters noemen, zonder spaties en interpunctie. Hoewel u in Windows spaties in bestandsnamen kunt plaatsen, doen veel hostingproviders dat niet. Bovendien maakt een nette bestandsnaam het voor u gemakkelijker om uw site te beheren.
