Cursus Html voor beginners

Door Mindcrime gepubliceerd op Friday 28 September 12:09

Wil je graag een eigen site maken, maar weet je niet hoe je moet beginnen? Lees dan verder!

Inleiding

Voordat je kunt beginnen met HTML, moet je beschikken over een kladblok (notepad).
Als je het online wilt zetten, moet je ook beschikken over een hosting.


Het begin.


Omdat je html moet gebruiken, begin je altijd met <html>
(<) en (>) noem je tags. Als je een onderdeel wilt afsluiten, doe je het altijd met (/)
Om de tekst te maken, die boven in je browser staat, doen we het volgende.
<title> Jouw websitenaam.nl </title>
Omdat het een hoofdtekst is, doe je ertussen <head>, en </head>

Je hebt nu dus dit:

<html>
<head>
<title> Jouw websitenaam.nl </title>
</head>

We komen nu aan bij <body> en </body>
Het is eigenlijk het belangrijkste gedeelte, want het geeft aan dat de inhoud komt.

Je hebt nu dus dit:

<html>
<head>
<title> Jouw websitenaam.nl </title>
</head>
<body>
Inhoud pagina
</body>
</html>

Nu heb je een basispagina, zonder inhoud.


Snelle, makkelijke simpele html codes.


1- Doe je tekst tussen <b>  jouw tekst  </b> , hiermee is jouw tekst dikgedrukt. de B staat voor BOLD.

2- Doe je tekst tussen <i> jouw tekst </i> , dan is het schuin. de I staat voor ITALIC.

3- Doe je tekst tussen <u> jouw tekst </u> dan is het onderstreept. de U staat voor UNDERLINED

4- Om een nieuwe paragraaf te beginnen gebruik je om te beginnen <p> voor de tekst, en </p> daarna.

5- Om een enter te gebruiken, neem je de tag: <br> dit betekent BREAK , en heeft hetzelfde effect als enter. ( let op! gewoon enter werkt niet in html, dus <br> is noodzakelijk! )

6- Je hebt ook koppen, om bijvoorbeeld een titel aan te geven. de tags doorvoor zijn <h1> t/m <h6>.
Hoe hoger het getal, hoe kleiner de lettertype word. ook dit sluit je af met bijvoorbeeld </h6>.

7- Om in je paragraven een atribuut ( dat noem je een align )  ergens wil uitleinen, dan doe je het volgende: <P align="center">Paragraaf is in het midden</P>. Zoals je center hebt, heb je ook links (left) en rechts (right). dat kun je ook invullen op het plaatsje van center om ze te uitleinen.

8- Om iets anders te centreren, zoals bijvoorbeeld een plaatje, of een titelkop of gewoon tekst ( geen paragraaf ), dan gebruik je <center> Je inhoud </center>.

9- Voor een lettertype van een typmachine, zet je je tekst tussen <tt> en </tt>.

10- Als je een lichtkrant effect wilt, gebruik je <marquee> Jouw tekst </marquee>, hierbij beweegt hij naar links. Voor bewegen naar boven gebruik je <marquee direction="up"> , en zo kun je voor up  ook down en right ivullen. voor een hoogte gebruik je <marquee height="50" , voor de 50 kun je de hoogte invullen.

 

Slot

Dit was HTML voor beginners, er komt in het vervolg nog een 2e deel!


Deel 2:  http://www.xead.nl/cursus-html-voor-beginners-2

 

Reacties (13) 

Voordat je kunt reageren moet je aangemeld zijn. Login of maak een gratis account aan.
Goed hoor
Bedankt voor de goede reacties :D @ews ja, er komt nog een vervolg!
Leuk geschreven en duidelijk uitgelegd.
Duidelijke uitleg. Komt er nog een vervolg?
Interessant artikel, ben benieuwd naar het vervolg.
Wacht op meer,goed artikel.
HTML is mij wel bekend, maar ene duidelijke uitleg!