HTML is de afkorting voor Hyper Text Markup Language, en is de code, of taal die wordt gebruikt voor het maken van eenvoudige website-indelingen. Het kan een beetje beangstigend lijken als je nog nooit eerder een codering hebt gedaan, maar alles wat je nodig hebt om het uit te proberen, is een gewone tekstverwerkingsprogramma en een internetbrowser. Misschien herken je zelfs wat HTML die wordt gebruikt om tekst te wijzigen in online forums, aangepaste online profielen of zelfs sommige wikiHow-artikelen. HTML is een handig hulpmiddel voor iedereen die internet gebruikt, en het leren van de basisbeginselen kost u mogelijk minder tijd dan u denkt.

Deel een van de twee:
Basic HTML leren

1. 1 Open een HTML-document. De meeste tekstbewerkingsprogramma's, waaronder Kladblok of Notepad ++ voor Windows, Teksteditor voor Mac en gedit voor GNU / Linux kunnen worden gebruikt om HTML-documenten te schrijven. Open een nieuw document en gebruik het dossier → Opslaan als in het hoofdmenu om het op te slaan als een 'webpagina' of om de bestandsextensie te wijzigen in '.html' in plaats van '.doc', '.rtf' of een andere extensie.
   • Mogelijk ziet u een waarschuwing dat uw document wordt gewijzigd in 'platte tekst' in plaats van 'rich text', of dat speciale opmaak en afbeeldingen niet correct worden opgeslagen. Dit is goed; HTML-documenten gebruiken die opties niet.
2. 2 Bekijk uw document met een internetbrowser. Sla uw lege document op, zoek het documentpictogram op uw computer en dubbelklik om het te openen. Het moet openen als een lege webpagina in uw browser. Als dit niet het geval is, sleept u het bestandspictogram naar de URL-adresbalk van uw browser. Terwijl u uw HTML-document in deze zelfstudie bewerkt, kunt u blijven controleren en zien hoe uw webpagina verandert.
   • Merk op dat dit niet echt een website online maakt. Het zal niet toegankelijk zijn voor andere mensen en je hebt geen internetverbinding nodig om uit te testen. Dit gebruikt alleen een browser om uw HTML-document te "lezen" alsof het een website is.
3. 3 Markeer markeringen. Markeringstags verschijnen niet op een webpagina zoals normale tekst. In plaats daarvan vertellen ze uw webbrowser hoe ze de pagina en de inhoud ervan moeten weergeven. De "start-tag" bevat instructies. Het kan bijvoorbeeld de browser vertellen om tekst weer te geven als stoutmoedig. U hebt ook een 'eindlabel' nodig om de browser te laten weten waar de instructies van toepassing zijn: in dit voorbeeld is alle tekst tussen de starttag en de eindtag vetgedrukt. Schrijf eindlabels ook tussen punthaken, maar begin met een schuine streep na de eerste haak.
   • Starttags schrijven tussen punthaken: <start-tag komt hier>
   • Schrijf eindlabels tussen punthaken, maar plaats een schuine streep na de eerste haak: einde tag gaat hier>)
   • Blijf lezen om te leren hoe u functionele markup-tags schrijft. Voor deze stap hoeft u alleen het basisformaat te onthouden waarin ze zijn geschreven: <> en
   • Als u ook andere HTML-zelfstudies gebruikt, kunt u zien dat ze de tags verwijzen als 'elementen' en de tekst tussen de begin- en eindmarkering als 'elementinhoud'.
4. 4 Schrijf je eerste label. Elk html-document begint met een tag en eindigt met een label. Dit vertelt de browser dat alles tussen deze tags in HTML staat. Voeg deze tags toe aan uw document:
   • Vaak worden HTML-bestanden gestart met een regel die aangeeft dat het bestand als geheel door browsers als HTML-bestand moet worden gelezen. Het is niet nodig, maar kan compatibiliteitsproblemen helpen oplossen.
   • Schrijven aan de bovenkant van uw document.
   • Raken invoeren of terugkeer meerdere keren om jezelf wat ruimte te geven, en dan te schrijven
   • Vergeet niet te schrijven alles anders in deze tutorial tussen deze twee tags.
5. 5 Vul de gedeelte van uw document. Tussen de en tags, schrijf een start tag en a einde tag. Geef jezelf de ruimte om ertussen te schrijven. Alles tussen deze head-tags wordt niet daadwerkelijk op de pagina zelf weergegeven. Probeer het volgende en kijk waar het wordt weergegeven:
   • Tussen de en tags, schrijven en
   • Tussen de tags, schrijven Hoe HTML te leren - wikiHow.
   • Sla het document op en open het in een browser (of sla het document op en vernieuw de browserpagina als deze al open is.) Zie je wat je boven in de browser hebt geschreven, boven de adresbalk?
6. 6 Maak een sectie. Al het andere in dit beginnerdocument gaat in een body-sectie, die daadwerkelijk op de webpagina wordt weergegeven. Na de einde tag, maar voor de tag, schrijf en . Voor de rest van deze zelfstudie wordt alles wat u schrijft tussen deze body-tags geplaatst. U zou nu een document moeten hebben dat er zo uitziet (de opsommingstekens negeren):
7. 7 Voeg tekst toe in verschillende stijlen. Nu is het tijd om iets te schrijven dat je echt in je browser kunt zien! Alles wat u in de body-tags schrijft, wordt weergegeven in uw browser nadat u het HTML-document hebt opgeslagen en de browserpagina hebt vernieuwd. doe niet schrijf iets met de < of > symbolen, echter, omdat uw browser het zal proberen te interpreteren als een HTML-instructie in plaats van normale tekst. Probeer te schrijven Hallo Wereld! (of wat je maar wilt), voeg dan deze nieuwe tags toe en kijk wat er elke keer gebeurt:
   • Hallo Wereld! wordt weergegeven als "benadrukte tekst:" Hallo Wereld!
   • Hallo Wereld! wordt weergegeven als "sterke tekst:" Hallo Wereld!
   • Hallo Wereld! wordt weergegeven met een doorhaling: Hallo Wereld!
   • ^{Hallo Wereld!} zal verschijnen als superscript: ^{Hallo Wereld!}
   • _{Hallo Wereld!} wordt weergegeven als subscript: _{Hallo Wereld!}
   • Probeer combinaties van deze: Wat doet Hallo Wereld! ziet eruit als?
8. 8 Verdeel je tekst in alinea's. Als u verschillende regels tekst in uw HTML-document probeert te schrijven, ziet u mogelijk dat de regeleinden niet in uw browser verschijnen. Je moet deze zelf coderen:

   • Dit is een aparte paragraaf.

   • Deze zin wordt gevolgd door een regeleinde.
voordat deze zin begint.
     Dit is de eerste tag die je hebt gezien waarvoor geen eindtag nodig is! Dit worden 'lege tags' genoemd.
   • Maak koppen om de namen van secties weer te geven:
     

     koptekst

     : de grootste header
     

     koptekst

     (De 2^nd level header)
     

     koptekst

     (de 3^rd level header)
     

     koptekst

     (de 4^th level header)
     

     koptekst

     (de kleinste koptekst)
9. 9 Leer hoe u lijsten maakt. Er zijn verschillende manieren om lijsten op uw webpagina te schrijven. Probeer de volgende soorten code uit en kijk welke je leuk vindt. Merk op dat één paar tags rond de hele lijst gaat (zoals de
   en
   tags voor "ongeordende lijst"), terwijl afzonderlijke items in de lijst worden omgeven door een ander paar tags, zoals
10. en
.
• Gebruik deze code om lijsten met opsommingstekens te maken:
  
  • Een item
  • Een ander item
  • Een ander item
• Of deze code om genummerde lijsten te maken:
  
  1. Item 1
  2. Item 2
  3. Item 3
• Of deze code om een ​​lijst met termen te maken:
  

  Koffie

  - Warme drank

  Leite

  - koude drank

11. 10 Sparren op je pagina met regeleinden, horizontale lijnen en afbeeldingen. Nu is het tijd om dingen naast tekst aan uw pagina toe te voegen. Probeer de volgende tags uit, of klik op de links voor meer informatie. U moet een online hostingservice voor afbeeldingen gebruiken, zodat u een URL hebt om naar toe te linken in de afbeeldingstag:
    • Voeg een regel toe in HTML:
of

      ---

    • Afbeeldingen toevoegen:
12. 11 Link naar andere plaatsen op de pagina. U kunt deze code ook gebruiken om naar andere pagina's en websites te linken, maar voor nu, omdat u nog geen website heeft, richten we ons op 'ankers' of specifieke plaatsen op de pagina waarnaar u een koppeling kunt maken:
    • Maak eerst een anker met de tag op het punt op de pagina waarnaar u een koppeling wilt maken. Noem het iets beschrijvend en gemakkelijk te onthouden:
      Dit is de tekst waar je het anker omheen hebt geplaatst.
    • Gebruik de om te linken naar die ankers of naar een andere webpagina:
      Schrijf de tekst of afbeelding die hier als een link wordt weergegeven.
    • Als u naar een anker op een andere webpagina wilt linken, voegt u het # -teken na de URL toe, gevolgd door de naam van het anker. Https://www.wikihow.com/Learn-HTML#Tips verwijst bijvoorbeeld naar het gedeelte Tips van deze pagina.

Deel twee van twee:
Meer geavanceerde HTML leren

1. 1 Meer informatie over kenmerken. Attributen worden in de tag zelf geplaatst, waardoor extra wijzigingen worden aangebracht in de 'element-inhoud' tussen de start- en eindtag. Ze staan ​​nooit alleen. Ze zijn in het formaat geschreven name = "value", waar naam is de naam van het attribuut (bijvoorbeeld "kleur"), en waarde beschrijft deze specifieke instantie (bijvoorbeeld "rood").
   • U hebt eerder kenmerken gezien, als u de zelfstudie in de eenvoudige HTML-sectie hebt gevolgd. tags gebruiken de src attribuut, ankers gebruiken de naam kenmerk en koppelingen gebruiken de href attribuut. Zie hoe die allemaal de volgen ___="___" formaat?
2. 2 Experimenteer met HTML-tabellen. Voor het maken van een tabel of diagram zijn verschillende tags vereist. Speel met deze tags of leer meer over HTML-tabellen in meer detail.
   • Begin met tabellabels rond de hele tafel:
   • Rij-tags rond de inhoud van elke rij:
   • Kolomkoppen in de eerste rij:
   • Cellen in volgende rijen:
   • Hier is een voorbeeld van hoe alles in elkaar past:
     

     Kolom 1: maand	Kolom 2: geld opgeslagen
     januari-	$100

3. 3 Leer de hoofdtags. Je hebt het al geleerd tag, die wordt weergegeven aan het begin van elk document. naast de