Deze wikiHow leert je hoe je een eenvoudige tekstpagina kunt coderen met HTML. Nadat u uw tekstpagina hebt gemaakt, kunt u deze opslaan als een HTML-document en deze in uw webbrowser bekijken. Het maken van een HTML-pagina is mogelijk met behulp van eenvoudige teksteditors die op zowel Windows- als Mac-computers worden gevonden.

Deel een van de twee:
De webpagina maken

  1. 1 Open een teksteditor. Op een Windows-computer gebruikt u meestal Kladblok of Kladblok ++, terwijl Mac-gebruikers TextEdit gebruiken:
    • ramen - Open Begin , typ in blocnoteof notepad ++en klik blocnote of "Notepad ++" boven in het venster.
    • Mac - Klik Spotlight , typ in TextEditen dubbelklik TextEdit aan de top van de resultaten.
  2. 2 Stel uw documenttype in voor HTML. Typ in en druk op ↵ invoeren, typ dan in en druk op ↵ invoeren nog een keer. Typ tot slot en druk op ↵ invoeren. De bovenkant van uw document moet op het volgende lijken:[1] 
      <html> <hoofd>
  3. 3 Voeg een tabbladtitel toe voor uw webpagina. Dit is de titel die op het browsertabblad verschijnt wanneer u de pagina opent (bijvoorbeeld 'Facebook'). Typ in , voer de titel van uw webpagina in en typ in . Vervolgens voegt u de afsluitende "Head" -tag toe, wat is , op zijn eigen lijn. De titelsectie zou er als volgt uit moeten zien: 
     <titel>Mijn webpagina</titel> </hoofd>
  4. 4 Geef het begin van de hoofdtekst van uw pagina aan. Typ in onder de gesloten "Head" -tag. Dit zorgt ervoor dat de rest van de tekst van uw document als websitetekst wordt beschouwd totdat u de tag "Hoofdgedeelte" sluit. Je zou het volgende moeten hebben: 
     <lichaam>
  5. 5 Maak een paginakop. Uw paginakop is de titel die boven aan uw website wordt weergegeven. Om een ​​te maken, typt u

    , voeg uw kop toe en sluit de tag vervolgens . Bijvoorbeeld: 
     <h1>Welkom op mijn pagina!</h1>
  6. 6 Voeg extra koppen toe als je gaat. Er zijn zes verschillende koppen die u kunt maken met behulp van de

    door
    -tags. Als u bijvoorbeeld drie koppen van verschillende grootten achter elkaar wilt maken, schrijft u het volgende: 
     <h1>Welkom op mijn pagina!</h1> <h2>Mijn naam is Bob.</h2> <h3>Ik hoop dat je het hier leuk vindt.</h3>
  7. 7 Maak een alinea. Alinea-tags worden gebruikt om verschillende tekstblokken te maken. Als u tekst in een alinea wilt plaatsen, typt u

    en typ je tekst in en typ vervolgens in

    om de tag te sluiten: 

     <p>Dit is mijn paragraaf.</p>
    • U kunt meerdere alinealijnen in een rij toevoegen om een ​​reeks paragrafen onder één kop te maken.
  8. 8 Verander tekstkleur. U kunt de kleur van elke tekst wijzigen door de tekst in te kaderen met de tags en zorg ervoor dat u de gewenste kleur in het gedeelte 'kleur' ​​typt (u houdt de aanhalingstekens). Als u bijvoorbeeld de tekst van een alinea blauw wilt maken, schrijft u het volgende:[2] 
     <p>kleur="blauw">Walvissen zijn majestueuze wezens.</font> </p>
    • U kunt elke tekst (bijvoorbeeld kopteksten) met deze set tags in een andere kleur veranderen.
    • HTML ondersteunt een verrassend groot aantal kleuren, dus voel je vrij om te experimenteren met verschillende kleurnamen.
  9. 9 Tekst opmaken met vet, cursief of onderstrepen. Stoutmoedig tekst, cursief tekst en onderstreepte tekst kunnen worden gemaakt met de tags, de tags en de tags respectievelijk. U kunt ook subscript-tekst (gebruikt voor dingen zoals getallen vóór vierkantswortels) en superscripttekst (gebruikt voor dingen zoals kwadraatnummers) maken:[3] 
     <b>Vetgedrukte tekst</b> <ik>Cursieve tekst</ik> Onderstreepte tekst</u> <sub>Subscript tekst</sub> <sup>Superscript-tekst</sup>
  10. 10 Voeg een afbeelding toe aan je pagina. U kunt de tags om een ​​bestaande afbeelding in uw webpagina in te sluiten. Als de URL van de afbeelding bijvoorbeeld 'www.mypicture.com/lake' is, schrijft u het volgende: 
     <img src="Www.mypicture.com/lake"></img>
  11. 11 Link naar een andere pagina. U kunt een link naar een andere website toevoegen met behulp van de verbind tekst tagset, waar link is de URL voor de website waarnaar u wilt linken en verbind tekst is de tekst die als de link fungeert. Als u bijvoorbeeld wilt linken naar Facebook, typt u het volgende:[4] 
     <een href="Www.facebook.com">Dit is de link naar de website van Facebook</een>.
  12. 12 Sluit de tags van de webpagina. Zoals bij elke tag in HTML moet je de en tags aan de bovenkant van uw document door het volgende in te typen onderaan het document: 
     </lichaam> </html>
  13. 13 Controleer uw webpagina. U kunt meer alinea's, kopjes en tekst toevoegen op de pagina tussen de tags indien nodig. Een voorbeeld van een voltooide webpagina is als volgt: 
      <html> <hoofd> <titel>wikiHow Fan Page</titel> </hoofd> <lichaam> <h1>Welkom op mijn pagina!</h1> <p>Dit is een fanpagina voor wikiHow. Doe alsof je thuis bent!</p> <h2>Belangrijke data</h2> <p><ik>15 januari 2019</ik> - wikiHow's verjaardag</p> <h2>Links</h2> <p>Hier is een link naar wikiHow: <een href="Www.wikihow.com">www.wikihow.com</een></p> </lichaam> </html>
  14. 14 Breng last-minute wijzigingen aan. Als u fouten in uw code ziet, corrigeert u deze voordat u doorgaat. Zodra u zeker weet dat uw HTML nauwkeurig uw verwachtingen weerspiegelt, kunt u doorgaan naar het volgende deel.

Deel twee van twee:
Uw webpagina opslaan en openen

  1. 1 Converteer uw document naar platte tekst op een Mac. Als u een Mac gebruikt, klikt u op Formaat menu-item aan de bovenkant van het scherm en klik vervolgens op Maak platte tekst in het vervolgkeuzemenu.
    • Deze stap is noch noodzakelijk noch mogelijk in Windows.
  2. 2 Open het menu "Opslaan". Omdat u een nieuw tekstdocument hebt gemaakt om uw webpagina te schrijven, kunt u op drukken Ctrl+S (Windows) of ⌘ Opdracht+S (Mac) om dit te doen.
    • U kunt ook klikken het dossier en klik vervolgens op Opslaan als in het vervolgkeuzemenu. Dit werkt op zowel Windows- als Mac-computers.
  3. 3 Voer een naam in voor uw HTML-document. Typ wat u maar wilt uw document in het tekstvak "Bestandsnaam" (Windows) of "Naam" (Mac).
  4. 4 Verander het bestandstype van het document. U moet het document van een tekstbestand naar een HTML-bestand wijzigen:
    • ramen - Klik op het keuzemenu 'Opslaan als type' Alle bestandenen typ vervolgens .html aan het einde van de bestandsnaam.
    • Mac - Vervang de .tekst aan het einde van de bestandsnaam met .html in plaats daarvan.
  5. 5 Klik Opslaan. Het staat onderaan het venster. Als u dit doet, wordt een HTML-bestand gemaakt.
    • HTML-bestanden worden meestal geopend met uw standaardwebbrowser.
  6. 6 Sluit je teksteditor. Op dit moment bent u klaar om uw HTML-bestand in uw browser te openen, zodat u uw webpagina kunt bekijken.
  7. 7 Open het HTML-document met uw browser. In de meeste gevallen kunt u hiervoor op het HTML-document dubbelklikken. Als het dubbelklikken op het document tot een fout leidt, doe dan het volgende:
    • ramen - Klik met de rechtermuisknop op het document, selecteer Openen meten klik op de gewenste browser.
    • Mac - Klik eenmaal op het document en klik het dossier, selecteer Openen meten klik op de gewenste browser.
  8. 8 Bewerk het HTML-document indien nodig. U ziet mogelijk een fout in uw HTML-pagina. Om het te wijzigen, kunt u de tekst van het HTML-document bewerken:
    • In Windows kunt u met de rechtermuisknop op het document klikken en klikken Bewerk in het resulterende vervolgkeuzemenu (als u Notepad ++ hebt geïnstalleerd, zal dit zeggen Bewerken met Notepad ++ in plaats daarvan).
    • Op Mac wilt u op het document klikken om het te selecteren, klik op het dossier, selecteer Openen meten klik TextEdit. U kunt het document ook naar Teksteditor slepen.

Voorbeeld HTML

HTML Cheat Sheet Voorbeeldpagina met HTML