Wat is het internet zonder HTML? Helemaal niks! Zonder HTML zou geen een webpagina bestaan (en dus ook niet die van u). HTML staat voor HyperText Markup Language en is een taal voor documenten op het web. In deze cursus krijgt u basiskennis voor het bouwen van webpagina's. Laten we meteen maar aan de slag gaan! Maar voor dat we kunnen beginnen krijgt u eerst wat termen van ons geleerd. Een tag is wat tekst die tussen haken staat. Dus tussen < en >. Een voorbeeld hiervan is <html>. Dit wordt ook wel een HTML tag genoemd. Alle tags moeten worden afgesloten, dus als u begint met een HTML tag (<html>), moet er ook een einde zijn. Dit duiden we aan met </html> (met een extra slash). Zo wordt de titel van de pagina als volgt aangegeven: <title>Titel van mijn pagina</title>. <title> geeft het begin aan en </title> het eind. Sommige tags worden meteen afgesloten, maar dit is een uitzondering op de regel. Als u een plaatje in wilt voegen, gebruikt u hiervoor de <img> tag (img staat hier voor image). Deze kan "inline" worden afgesloten, dus nog in de regel zelf: <img /> (in plaats van <img></img> wat overigens ook zou kunnen maar veel omslachtiger is).
Voordat we aan de slag kunnen met HTML moeten we eerst een bestand aanmaken. Open hiervoor Notepad (Kladblok) of een andere tekstverwerker naar keuze. Zet hier wat tekst in, deze zullen we later gaan vervangen door HTML code en sla het op als webpage.html. Let er wel op dat u tijdens het opslaan kiest voor alle typen in plaats van opslaan als tekstbestand. Nadat het bestand is opgeslagen kunt u het openen. Deze wordt waarschijnlijk geopend in uw favoriete browser (Chrome, Internet Explorer, Firefox, etcetera).
Nu gaan we onze eerste HTML pagina maken! Zorg ervoor dat u webpage.html geopend heeft in uw tekstverwerker en schrik niet van de code die nu gaat komen! We gaan het stap voor stap doornemen.
Je ziet verschillende tags (die ook weer worden afgesloten). De HTML tag (<html>, afgesloten door </html> op het eind) geeft aan dat het om een HTML bestand gaat. De head-tag geeft de head aan. Hierin staat informatie die je niet ziet, die zich "in je hoofd (head)" bevindt. Wat je wel ziet is de body (je lichaam). Hier staat nu de tekst "Hallo internet!" in. In de head (tussen <head> en </head>) zie je een title tag (<title>) waarin de titel van de webpagina staat vermeld. Als je de webpagina in de browser hebt geopend, zie je de tekst "Mijn paginatitel" bovenaan verschijnen! Deze titel wordt ook gebruikt door zoekmachines, dus maak een goede keuze voor je titel!
Dit was een eerste kennismaking met HTML. De volgende keer gaan we wat extra tags leren en wellicht een begin maken aan CSS, een taal die gebruikt wordt voor de opmaak van HTML bestanden.
Geen opmerkingen:
Een reactie posten