Hallo allemaal,

Hierbij ga ik een tutorial HTML beginselen geven. Ik probeer er vanaf nu regelmatig een tutorial bij te doen. Als je nog geen HTML kent dan raad ik je aan dit topic in je favorieten te zetten!

Laten we beginnen bij het begin:

De editor

Om HTML op een fijne manier te schrijven is het goed om een voor jou fijne editor te hebben. Momenteel werk ik zelf met Notepad++. Dit is een editor die je voor veel meer dan alleen HTML werkt en werkt met kleuren. Zo krijgen alle tags een kleur.
Als andere editors kan je nemen:

Spoiler tonen

HTML Kit
Notepad

Je eerste HTML bestand

Omdat je nog helemaal nieuw bent leg ik het stap voor stap uit.
Dit is de code:

Spoiler tonen

De titel


Hier komt je tekst

Volledig uitgelegd:
Regel 1 is de opening. Hiermee begint elk HTML document.
Regel 2 is het begin van de head. Hierin komen meestal verwijzingen naar scripts, de titel en de icons.
Regel 3 is de titel. Een titel begint altijd met en eindigt met .
Regel 4 sluit de head af.
Regel 5 opent de body. Hierin komt alle tekst.
Regel 6 spreekt voor zich.
Regel 7 sluit de body.
Regel 8 sluit je HTML bestand.
In HTML maken hoofdletters niet uit. Je zou het net zo goed zo kunnen schrijven:

Spoiler tonen

DE TITEL


HIER KOMT JE TEKST

Tekstopmaak

Nu wil je zeker ook weten hoe je je tekst opmaakt. Dit is zeer simpel. De meest gebruikte zijn de volgende:

maakt het bold
maakt het italic
maakt het underline

Er zijn er nog veel meer. Die kan je voor een groot deel hier vinden.

Tekstgrootte

Om je tekst groter en kleiner te maken gebruik je simpel

.
Je snapt wel dat je die 1 kan veranderen. Die 1 moet een getal tussen de 1 en de 6 zijn. 1 is het grootste en 6 is het kleinste. Dit is voor headers. Voor normale tekst kan je doen .

Achtergrond veranderen

Je kan ook je achtergrond veranderen. Dit doe je door in plaats van dit te typen:

Dit maakt je achtergrond rood.

Tekstkleur veranderen

Wil jij je tekst kleur veranderen? Zelfs dat kan! Eerst moet je weten of je alle tekst op een pagina een andere kleur als zwart wil hebben of maar een deel. Wil je alle tekst een andere kleur? Doe dan dit in plaats van :

Dit maakt alle tekst op de pagina rood. Wil je maar een deel rood? Doe dan dit:
Rode tekst

Afsluiting

Aan deze tutorial blijf ik nog even werken totdat hij echt compleet genoeg is.
Als je alvast wilt doneren voor deze bijdrage ga dan naar deze link.

Met vriendelijke groeten,

Jullie goede vriend Jasperxs

hmm ik vind het eigenlijk niet zon goeie tut.

1. je behandelte erg weinig standaard tags. (die de voorkeur boven heeft).

2. je bespreekt in-line CSS. en laten we allemaal ff duidelijk hebben dat dat bagger is.

3. je lijnt niet uit.

4. in je head had je meer kunnen uitleggen over het includen van css en js files en evtnueel meta tags kunnen toevoegen (aangezien je title tag wel doet).

Bwah, je geeft uitleg over HTML 2007.

Tegenwoordig gebeuren de meeste dingen via css...

Rogier schreef:

hmm ik vind het eigenlijk niet zon goeie tut.

1. je behandelte erg weinig standaard tags. (die de voorkeur boven heeft).

2. je bespreekt in-line CSS. en laten we allemaal ff duidelijk hebben dat dat bagger is.

3. je lijnt niet uit.

4. in je head had je meer kunnen uitleggen over het includen van css en js files en evtnueel meta tags kunnen toevoegen (aangezien je title tag wel doet).

Quote:
a ik een tutorial HTML beginselen geven

BEGINSELEN dat is meestal niet met meta tags en ik gebruik inderdaad fonts maar dit is puur HTML en het heeft me even gekost dus zeg dan op zich wel een goede tut maar kan nog wat beter

Ik zie nergens een doctype

Jasperxs schreef:

Met vriendelijke groeten,
Jullie goede vriend Jasperxs

Wie?
Er mist inderdaad aardig wat info.

Livonias schreef:

Eerdere citaten tonen

Jasperxs schreef:

Met vriendelijke groeten,

Jullie goede vriend Jasperxs

Wie?

Er mist inderdaad aardig wat info.

Gemenerik maar zonder doctype werkt het ook. En hebben jullie er zon groot probleem aan dat het een minitut is?

Jasperxs schreef:

Eerdere citaten tonen

Rogier schreef:

hmm ik vind het eigenlijk niet zon goeie tut.

1. je behandelte erg weinig standaard tags. (die de voorkeur boven heeft).

2. je bespreekt in-line CSS. en laten we allemaal ff duidelijk hebben dat dat bagger is.

3. je lijnt niet uit.

4. in je head had je meer kunnen uitleggen over het includen van css en js files en evtnueel meta tags kunnen toevoegen (aangezien je title tag wel doet).

Quote:
a ik een tutorial HTML beginselen geven

BEGINSELEN dat is meestal niet met meta tags en ik gebruik inderdaad fonts maar dit is puur HTML en het heeft me even gekost dus zeg dan op zich wel een goede tut maar kan nog wat beter

Je verwerkt de title tag, dus waarom andere tags niet?

De title tag is 1 van de meest simpele voor meta tags moet je al snel heel veel uitleg geven en ik ben te lui daarvoor.

Jasperxs schreef:

De title tag is 1 van de meest simpele voor meta tags moet je al snel heel veel uitleg geven en ik ben te lui daarvoor.

Maak dan geen tuts

Al het bovenstaande is gewoon ontopic?
Ze zouden die emoticon moeten bannen.

goede tutorial, ik wil het al maanden leren maar snapte er geen bal van. Nu wel, dankje