2 domeinen | vanaf 1..
[tut][ps]energie exp..
[tut][ps]bling.. 16:20
Asus Eee forum
FireFTP
Er zijn 6 bezoekers online, waarvan 0 ingelogd.
Members ingelogd:
Members ingelogd:
- Zie jij het volgend school jaar zitten?
- Jup, vrienden weer zien enzo.
- Nope, heb examen.
- Ja en nee.
- Er is 155 keer gestemd
Pagina: 
1 
1
Geplaatst op 6 mei 2008, om 14:59
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
De HTML tutorial voor dummie's  Eerst in een topic, maar is misschien handiger in een blog. In deze blog komen (denk ik) 5 lessen over HTML -- Les 1 Ok, omdat sommige kinders willen beginnen met hun eigen webpagina maak ik hier een simpele tutorial over HTML. Als je nog helemaal niks van HTML afweet dan kan ik beginnen met deze tutorial goed en aandachtig door te lezen. Pak een glas cola en een zak chips en een goede stoel. Eigenlijk is een simpel HTML-bestand makkelijk te maken je hoeft er alleen maar een text editor voor te hebben (like kladblok of frontpage). HTML behandeld kleine letters en hoofdletters hetzelfde. Dus bijvoorbeeld:
Zoals je net al las heten de commando's tussen de < en de > tags Hieronder zie je een basismodel van de opstelling in HTML.
Iedere pagina heeft dus minimaal dit^^. Maar, waar staan al die tags nu eigenlijk voor? De <html> tag staat ervoor om aan te geven in welke taal je script. In dit geval dus HTML. De <head> tag wordt gebruikt om balangrijke informatie op je pagina weer te geven. Dit is meestal altijd onzichtbaar voor bezoekers. Hier vindt je bijv. de title. De <title> tag staat voor de titel die boven in je browser komt, daarmee kan je aangeven hoe je website heet en misschien nog andere informatie. De <body> tag gebruik je om alles op je webpagina te weergeven, dus bijvoorbeeld kleuren in je webpagina, achtergrond instellen, maar daar meer ove in de overige lessen. Elke tag sluit je af met een '</ bijvoorbeeld: </title> of </body>. Dit was mijn tutorial over HTML over kinders die niet weten wat HTML is en ermee willen beginnen. Dit was ook Les 1, later deze vakantie komen er meer tutorials waar o.a behandelt wordt: meer tags, kleur codes, CSS en werken met Div's. Daarover meer in mijn volgende tutorial hopelijk heb je het er wat van opgestoken. En ik hoef geen huilies die gillen: "MAMMIIE DAT WIST IK AL". Dit is juist voor de beginnende "scripters" die willen beginnen met hun eigen webpagina. Ik hoop niet dat er al zo'n tutorial was anders heb ik alles voor niks gedaan. -- Les 2 In de vorige les hebben we kunnen lezen wat HTML is en hoe je een simpel HTML document maakt. In deze les beschrijf ik hoe je je site mooi op kan maken. Al dit plaats je in de <body> tag. Zeer belangrijke attributen in de body tag: bgcolor Belangrijk attribuut, om de achtergrondkleur van je pagina te wijzigen. Voorbeeld:
Nu hebben we dus een pagina met een rode achtergrond. text Met dit attribuut kun je de standaard tekstkleur op je pagina instellen. Voorbeeld:
Nu hebben we dus een pagina met een blauw lettertype. link Hiermee kun je de kleur van de links op je pagina instellen. Voorbeeld:
Nu heb je dus een link op je pagina die paars is. alink Bepaalt de kleur van de actieve links. De links zijn actief als je er op klikt. Voorbeeld:
Nu heb je dus een actieve link die roze is. vlink Attribuut waarmee je de kleur van de geklikte links aangeeft. Als een bezoeker terugkeert op je pagina, dan zijn de links waarop hij al geklikt heeft in deze kleur weergegeven. Voorbeeld:
Nu heb je dus een link die bruin is als je er op geklikt hebt. Als we nu alles even in mekaar zetten en er een HTML bestandje van maken krijgen we dus dit:
Als je daar je text dus in zet krijg je dus een rode tekst met een gele achtergrond, een roze link, een actieve paarse link en een bekeken bruine link. Genoeg over dat we gaan verder met de tags. Je hebt veel tags in HTML, ik zal jullie de belangrijkste geven en die nog een beetje makkelijk zijn. <b> Zet dit om een tekst en de tekst wordt dikgedrukt (bold) <i> Zet dit om een tekst en de tekst wordt schuin (italic) <u> Zet dit om de tekst en het wordt onderstreept (underlined) <s> Zet dit om een tekst en het wordt door getreept (striked) <tt> Gebruik deze tag en je tekst komt in "typmachine tekst" Ik zei eerder al dat enters in HTML niet gelden als het einde van een regel. Als je het einde van een regel wilt markeren, moet je deze tag gebruiken: <BR>. Deze tag zorgt ervoor dat de tekst die volgt, op de volgende regel geplaatst wordt. Er is geen sluitingstag. En het laatste waar ik aandacht aan besteedt in deze Les nummeró 2: Afbeeldingen en linken maken. Een link maak je door deze simpele (nou simpele ) code:
Nu komt er een link op jouw pagina te staan naar jouw website. Wil je een tekst-link maken? Dus eigenlijk een woord of een zin die jou doorverbind naar die webpagina. Dit doe je zo:
Als je dit online zet komt er op je pagina te staan: Text en als je er op klikt wordt je doorverbonden naar (in dit geval) jouwpagina.nl Oké, genoeg hierover. Een afbeelding op je website is niet zo heel moeilijk je hoeft alleen maar de code te weten en voilá. Afbeeldingen neem je op met de <IMG> tag. Het heeft geen eindtag. Je moet altijd het attribuut src (=source) erbij gebruiken, dit attribuut vertelt de browser waar de afbeelding staat. Voorbeeld:
Nog twee attributen die belangrijk zijn voor een plaatje op je website zijn de "heigt" en "width". Deze vertellen de browser hoeveel ruimte het plaatje in beslag neemt en houdt dit vrij. Dus nu alles bij elkaar:
De height en width kun je zien met grafische software, zoals Photoshop. En hierbij zijn we aan het einde gekomen van Les 2. Ik hoop dat je dit weer helpt om een leuke webpagina te maken. Veel succes. Alles is copyrighted enzo. |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Pagina: 1
1
Online bezoekers (Maandag 6 februari 2012, om 06:23)