Een eenvoudige website maken met Kladblok

Schrijver: John Stephens
Datum Van Creatie: 26 Januari 2021
Updatedatum: 1 Juli- 2024
Anonim
HTML Website maken in kladblok tutorial #4 NEDERLANDS
Video: HTML Website maken in kladblok tutorial #4 NEDERLANDS

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

  1. 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.

  2. 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.

  3. De koptekst van de webpagina is meestal de tag: . U kunt het bovenaan uw Kladblok-bestand plaatsen.
  4. De volgende is de kaart .
    De volgende is , vertelt dit tabblad de browser wat hij bovenaan het venster moet plaatsen en <i>metatag </i> (optioneel) vertelt de zoekmachine (zoals Google) waar de site over gaat.

  5. Op de volgende regel, na de kaart hoofdLaten we een titel plaatsen, bijvoorbeeld: wikiHow HTML
  6. Typ nu om het eerste deel te beëindigen.
  7. De volgende op de website is de tag . Merk op dat browsers niet alle kleuren ondersteunen (de meeste browsers ondersteunen bijvoorbeeld donkergrijs niet).
  8. 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 tag

    komen

    , 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!
  9. Een andere tag die kan worden opgenomen in de inhoud van webpagina's is

    of 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
    .

  10. 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!
  11. 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 kaart om afbeeldingen in te voegen. Maar net als de body-tag heeft deze tag aanvullende informatie nodig. Een img-tag zou er als volgt uitzien: hond’ src=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.
  12. 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.
  13. Om te eindigen, moet u de body-tag eindigen met en de hele webpagina op tag
  14. 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.
  15. 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.