Inleiding

Basis HTML

Tekst en opmaak

Containers

Websitecursus deel 1 HTML WebCie A–Eskwadraat [email protected]

8 april 2015

Geavanceerd

Overzicht

Inleiding

Basis HTML

Tekst en opmaak

Containers

Geavanceerd

Inleiding

Website cursus in drie delen: HTML CSS Javascript We gaan uit van geen voorkennis. Als je vragen hebt, stel ze!

Overzicht

Inleiding

Basis HTML

Tekst en opmaak

Containers

Geavanceerd

Overzicht

Wat is een Website?

Een website is eigenlijk niks meer dan een bestand op een computer (server) die door andere computers opgevraagd kan worden. Als je op je studentenschijf een mapje ’www’ aanmaakt, werkt dat als website (www.students.science.uu.nl/~studentnr) Als je met een webbrowser naar een website gaat wordt er altijd gezocht naar een bestand genaamd ’index.html’ Het is ook mogelijk om bij A–Eskwadraat een website te hosten, vraag de WebCie voor meer informatie.

Inleiding

Basis HTML

Tekst en opmaak

Containers

Geavanceerd

Inleiding HTML HTML (HyperText Markup Language) is een taal die de opmaak van een website bepaalt. In de meest simpele vorm is een website gewoon een HTML bestand dat geopend wordt door een webbrowser. (klik maar eens op ’bron weergeven’ als je een website bezoekt) HTML bestaat uit tags Tags geven betekenis of opmaak aan de tekst die tussen de tags staan Tags worden omgeven door <> (bijvoorbeeld ) Bij elke begintag hoort een sluittag (Bijvoorbeeld ...) Een tag kan attributen bevatten (Bijvoorbeeld )

Overzicht

Inleiding

Basis HTML

Tekst en opmaak

Containers

Geavanceerd

Basis HTML-tags

Een HTML-pagina wordt omgeven door tags Binnen de html-tags komt eerst een tag en daarna een tag De daadwerkelijke website wordt omgeven door tags Overige informatie over de website, zoals de titel wordt omgeven door tags

Overzicht

Inleiding

Basis HTML

Tekst en opmaak

Containers

Geavanceerd

Zelf aan de slag Maak met behulp van de Basis HTML-tags een website met een titel en als inhoud de tekst ”Hello World” Tips Het is mooi (en vaak noodzakelijk) om tags goed te ‘nesten’, bijvoorbeeld: .. Het is handig om een tab of spaties te gebruiken bij een geneste tag, bijvoorbeeld: ...

Als je niet weet hoe een tag werkt of hoe het eruit hoort te zien, kijk dan op www.w3schools.com

Overzicht

Inleiding

Basis HTML

Tekst en opmaak

Containers

Geavanceerd

Overzicht

Tekst en opmaak Het is leuk om meer op je website te zetten dan niet opgemaakte tekst. Een paragraaf zet je tussen

tags Wil je dikgedrukte tekst? Gebruik dan Of schuin? gebruik dan Voor headers van bijvoorbeeld hoofdstukken of je website gebruik je

Waarbij het getal van 1 t/m 6 kan om aan te duiden hoe groot de header moet zijn. Wil je een enter in je tekst, gebruik dan
Let op! Omdat deze tag geen aparte sluittag heeft wordt hij op een ander manier afgesloten. ´e´en van de belangrijkste tags is de tag. Hiermee maak je een link naar een bestand op je computer of naar een andere website. Probeer maar uit!

Inleiding

Basis HTML

Tekst en opmaak

Containers

Geavanceerd

Overzicht

Containers/Layout

Het is handig om stukken van je website in blokken te plaatsen, zodat je die later met bijvoorbeeld CSS op de goede plaats kan zetten Hiervoor kan je de

tag gebruiken Vanaf HTML5 is het ook mogelijk om

,