Hoe een eenvoudige webpagina te maken met behulp van kladblok

ThisTeaches u hoe u een eenvoudige, op tekst gebaseerde webpagina maakt met behulp van de Notepad-app van uw Windows Computer. U gebruikt HTML als de taal van uw webpagina.

Stappen

Deel 1 van 4:
Een HTML-document maken
  1. Titel afbeelding 533547 1
1. Open start
Titel afbeelding Windowsstart.jpg
. Klik op het Windows-logo in de linkerbenedenhoek van het scherm. Het startmenu verschijnt.
  • Titel afbeelding 533547 2
    2. Zoek naar Kladblok. Typ in kladblok om dit te doen. U zou een lijst met bijpassende resultaten moeten zien verschijnen in de buurt van het menu Start.
  • Titel afbeelding 533547 3
    3. Klik Kladblok. Het is een Blue Notepad-pictogram aan de bovenkant van de lijst met resultaten. DOET DOE AANPUBTEN BLIPPAD OM TE OPENEN.
  • Titel afbeelding 533547 4
    4. Klik het dossier. Dit bevindt zich in de linkerbovenhoek van het Notepad-venster. Als u erop klikt, wordt een vervolgkeuzelijst.
  • Titel afbeelding 533547 5
    5. Klik Opslaan als…. Het zit in het vervolgkeuzemenu. Het opslaan als het venster wordt geopend.
  • Titel afbeelding 533547 6
    6. Klik op de "Opslaan als type" drop-down box. Deze optie bevindt zich aan de onderkant van het venster en zou moeten hebben "Tekstdocumenten (*.tekst)" erop geschreven. Als u erop klikt, wordt een vervolgkeuzemenu weergegeven om te verschijnen.
  • Titel afbeelding 533547 7
    7. Klik Alle bestanden. Het zit in het vervolgkeuzemenu. Hiermee kunt u uw bestand opslaan als een HTML-document.
  • Titel afbeelding 533547 8
    8. Selecteer een opslaglocatie. Klik op de naam van de map waarin u uw document aan de linkerkant van het venster wilt opslaan.
  • Als u bijvoorbeeld uw document op de desktop wilt opslaan, zou u omhoog scrollen en klikken Bureaublad in de linkerzijbalk.
  • Titel afbeelding 533547 9
    9. Voer een naam en de "html" bestandsextensie. Klik op de "Bestandsnaam" Tekstvak en typ vervolgens in wat u wilt dat u uw bestand wilt noemen, gevolgd door .html.
  • Om bijvoorbeeld het bestand van uw webpagina te benoemen "Hallo", je zou in typen Hallo.html.
  • Titel afbeelding 533547 10
    10. Klik Sparen. Hierdoor wordt uw huidige notitieblokdocument in een HTML-document. Op dit punt kunt u doorgaan met het instellen van de initiële structuur van uw webpagina.
  • Als Notepad per ongeluk sluit of u later naar uw document moet komen, kunt u met de rechtermuisknop op het HTML-bestand klikken en vervolgens op klikken Bewerk In het resulterende vervolgkeuzemenu.
  • Deel 2 van 4:
    Uw webpagina instellen
    1. Titel afbeelding 533547 11
    1. Voeg het taallabel van uw webpagina toe. De eerste tag die je nodig hebt om toe te voegen aan Kladblok vertelt de rest van het document om HTML te gebruiken. Typ het volgende in Kladblok:
  • Titel afbeelding 533547 12
    2. Voeg de "hoofd" tags. Deze tags markeren het begin en het einde van de paginatitel, die u in de volgende stap maakt. Voorlopig, typ gewoon na de "" Tag, druk op ↵ Voer tweemaal in om een ​​ruimte te verlaten en typ in .
  • Titel afbeelding 533547 13
    3. Pagina-titel toevoegen aan uw website. De titel, die is geplaatst tussen " " Tags, gaat in de ruimte tussen de "hoofd" tags. Deze titel dicteert de naam van de website zoals deze wordt weergegeven op het tabblad Browser. Om een ​​koptekst in te voeren om uw website te noemen "Mijn website", U zou bijvoorbeeld het volgende invoeren:
  • Titel afbeelding 533547 14
    4. Voeg de "lichaam" tags. Alle code van uw webpagina gaat tussen deze tags, die onder de "" label:
  • Titel afbeelding 533547 15
    5. Sluit het HTML-taal. De laatste tag om in uw document te gaan, is een SLUITING HTML-tag om het einde van de pagina aan te geven. Typ onder de "" Tag om de HTML-tag te sluiten.
  • Titel afbeelding 533547 16
    6. Controleer tot nu toe uw HTML-document. Op dit moment moet uw document er als volgt uitzien:
  • Titel afbeelding 533547 17
    7. Sla uw document op. druk op Ctrl+S om dit te doen. U kunt nu doorgaan met het toevoegen van pagina-elementen, zoals paragrafen en koppen, naar uw document.
  • Deel 3 van 4:
    Webpagina-elementen toevoegen
    1. Titel afbeelding 533547 18
    1. Weet dat al je webpagina-elementen tussen de "lichaam" tags. Elk element-zijn het een rubriek of een alinea - moet worden geschreven na de "" tag en vóór de "" label.
  • Titel afbeelding 533547 19
    2. Voeg de hoofdkop van uw website toe. Typ tussen de "lichaam" Tags, typ dan wat je wilt dat je de hoofdkop van je webpagina tussen de "" tags. Bijvoorbeeld om een ​​pagina met de kop te maken "Welkom", U zou het volgende hebben:
  • U kunt tags gebruiken "" door " " om kleinere koptekst te maken.
  • Titel afbeelding 533547 20
    3. Voeg paragraaftekst toe aan de pagina. Typ de alinea-tags, die zijn "", en voer vervolgens wat u wilt gebruiken als uw alinea tussen de tags. Je eindresultaat moet er zoiets uitzien:
  • Titel afbeelding 533547 21
    4. Dwing een paragraaf. Als u extra spaties tussen paragrafen of rubriek wilt toevoegen, typt u
    Na de sluitingstag van de lijn. Bijvoorbeeld om een ​​lijnvakantie na een alinea te maken, zou u moeten eindigen met zoiets:
  • U kunt een extra toevoegen "
    " Tag na de eerste om een ​​andere lijnvakantie toe te voegen, waardoor een ruimte tussen je eerste alinea en je tweede is gemaakt.
  • Titel afbeelding 533547 22
    5. Voeg formatie toe aan uw tekst. U kunt sturing, cursivering en onderstreping (evenals superscript en subscript) toepassen op het formatteren van een woord, straf of tekstblok zolang het tussen paragraaf-tags is:
  • Titel afbeelding 533547 23
    6. Controleer het uiterlijk van uw webpagina. Terwijl de elementen van de webpagina kunnen variëren, moet uw document er zoiets uitzien:
  • Deel 4 van 4:
    Testen van uw webpagina
    1. Titel afbeelding 533547 24
    1. Sla uw document op. druk op Ctrl+S om dit te doen. Dit zorgt ervoor dat het HTML-document de meest recente versie van uw webpagina weergeeft wanneer u het opent.
  • Titel afbeelding 533547 25
    2. Klik met de rechtermuisknop op uw HTML-document. Er verschijnt een vervolgkeuzemenu.
  • Titel afbeelding 533547 26
    3. Selecteren Openen met. Het zit in het vervolgkeuzemenu. Hiermee wordt een pop-outmenu geopend.
  • Titel afbeelding 533547 27
    4. Selecteer uw gewenste webbrowser. Alle webbrowsers kunnen HTML-documenten openen, dus klik op een webbrowser die u in het pop-outmenu wilt gebruiken. Uw HTML-document wordt geopend in uw geselecteerde webbrowser.
  • Titel afbeelding 533547 28
    5. Bekijk uw webpagina. Als de formattering er goed uitziet, kunt u doorgaan en Notepad sluiten.
  • Als u uw HTML-document wilt bewerken, kunt u terugkeren naar Kladblok en maakt u de nodige bewerkingen, zodat u uw wijzigingen vaak opslaat.
  • Voorbeeld HTML-documenten

    Voorbeeld eenvoudige webpagina

    Ondersteuning wikihow en Ontgrendel alle monsters.

    Voorbeeld webpagina met HTML

    Ondersteuning wikihow en Ontgrendel alle monsters.

    Html cheat vel

    Ondersteuning wikihow en Ontgrendel alle monsters.

    Tips

    Jij kan Pas de achtergrondkleur van de webpagina aan of verander de kleur van het lettertype Door CSS te gebruiken in combinatie met uw HTML-document.
    Deel in het sociale netwerk:
    Vergelijkbaar