Artikelen » (x)HTML, XML en CSS » Artikel
[HTML] Basis HyperText Markup Language
08-03-2009 16:35
Orgineel door: Remco
Hallo CP'ers
in deze tutorial ga ik jullie de basis van html leren
er worden veel websites in html gescript omdat html tamelijk makkelijke script taal is..
Een basis html bestand:
Een html bestand eindigd altijd op de extensie .htm of .html
de <HTML> tag word altijd gebruikt om het begin van het HTML document aan te geven als je een html bestand maakt begin je altijd met <html> en eindig je met </html>
in de head tags staat onderandere informatie die (meestal) niet zichtbaar is als je de site bezoekt ook zitten hier de metatags en de titel van de pagina waarover hierna meer
l:
De title tags je gebruikt de <title> Hier je titel </title> om een titel aan je document te geven als je bijvoorbeeld zet <title> CP V3 </title krijg je bovenaan je browser "CP V3" te zien
De body tag : je gebruikt de Body tag om dingen in het html document te laten zien bijvoorbeeld een tabel of een stuk tekst.. die zet je tussen de <body> en de </body> tags
nu een kleine samenvatting :elephant:
Attributen bij de body tag ;
met de body tag kan je de achterkleur van de pagina instellen en de tekst kleur..
dat doe je als volgt :
maar het kan ook zo:
die laatste manier is met html kleuren codes gedaan..
als je een specifieke kleur hebt kun je niet Green-with-a-bit-white intypen..
NEE dan zul je een kleurenpalet moeten gebruiken met html codes
google maar op HTML kleuren palet
Tekst opmaken:
In html heb je diverse opmaak methodes waarmee je dus tekst BOLD kan maken ITALIC en kan UNDERLINE
er zijn nog veel meer methodes maar die kan je alleen toepassen met een CSS en dit is HTML :lol:
hiermee maak je tekst dik gedrukt zoals deze tekst
Hiermee maak je tekst italic dus schuingedrukt
hiermee underline je tekst zoals dit
en als je typmachine tekst wil hebben gebruik je
helaas heb ik daar geen BBCODE voor op het forum :ncool:
als je je tekst wil centeren (dus midden in het beeldscherm) gebruik je de <center> code en sluit je weer af met </center>
aangezien <center> oud is en niet in het dagelijkse html word toegepast kan je ook <p align="center"> gebruiken en af sluiten met </p>
dan heb je ook nog de
als je een enter wilt doen (break) lijn naar beneden gebruik je de <br> om het nog wat netter te laten lijken kan je ook
<br /> doen
met <h1> maak je tekst groter h1 is het groots en gaat door tot h7
maar het kan ook zo
bij die kan je meer dingen aanpassen zoals letter kleur etc.. door middel van de <font> tag
dus bijvoorbeeld
Links :
Op een site is het altijd handig om meerdere paginas te hebben.. als je alles op 1 pagina zou hebben zou het allemaal erg onduidelijk worden.. hiervoor gebruiken we hyperlinks
als je nu op "Klik hier om naar de index te gaan" drukt zal je naar de index worden gestuurd (index.htm)
verder heb je ook nog het atribuut "Target" hiermee kan je hem bijvoorbeeld in een IFrame openen
[list]
_self
Link word in deze pagina geladen dus geen nieuw venster
_blank
Nu zal de pagina in een nieuw venster worden geladen
_top
Zal de link openen in het hele scherm (handig voor frames)
_parent
Dit laadt de link in de bron van een document
[/list]
als je een afbeelding als link wil hebben doe je gewoon de afbeelding tussen de <a> en de </a> bijvoorbeeld
Dit was een BASIS html tutorial
- Remco
Hallo CP'ers
in deze tutorial ga ik jullie de basis van html leren
er worden veel websites in html gescript omdat html tamelijk makkelijke script taal is..
Een basis html bestand:
Een html bestand eindigd altijd op de extensie .htm of .html
Code | Selecteer Alles |
|---|
|
de <HTML> tag word altijd gebruikt om het begin van het HTML document aan te geven als je een html bestand maakt begin je altijd met <html> en eindig je met </html>
in de head tags staat onderandere informatie die (meestal) niet zichtbaar is als je de site bezoekt ook zitten hier de metatags en de titel van de pagina waarover hierna meer
l: De title tags je gebruikt de <title> Hier je titel </title> om een titel aan je document te geven als je bijvoorbeeld zet <title> CP V3 </title krijg je bovenaan je browser "CP V3" te zien
De body tag : je gebruikt de Body tag om dingen in het html document te laten zien bijvoorbeeld een tabel of een stuk tekst.. die zet je tussen de <body> en de </body> tags
nu een kleine samenvatting :elephant:
| Code | Selecteer Alles |
|---|
|
Attributen bij de body tag ;
met de body tag kan je de achterkleur van de pagina instellen en de tekst kleur..
dat doe je als volgt :
| Code | Selecteer Alles |
|---|
|
maar het kan ook zo:
| Code | Selecteer Alles |
|---|
|
die laatste manier is met html kleuren codes gedaan..
als je een specifieke kleur hebt kun je niet Green-with-a-bit-white intypen..
NEE dan zul je een kleurenpalet moeten gebruiken met html codes
google maar op HTML kleuren palet
Tekst opmaken:
In html heb je diverse opmaak methodes waarmee je dus tekst BOLD kan maken ITALIC en kan UNDERLINE
er zijn nog veel meer methodes maar die kan je alleen toepassen met een CSS en dit is HTML :lol:
| Code | Selecteer Alles |
|---|
|
hiermee maak je tekst dik gedrukt zoals deze tekst
| Code | Selecteer Alles |
|---|
|
Hiermee maak je tekst italic dus schuingedrukt
| Code | Selecteer Alles |
|---|
|
hiermee underline je tekst zoals dit
en als je typmachine tekst wil hebben gebruik je
| Code | Selecteer Alles |
|---|
|
helaas heb ik daar geen BBCODE voor op het forum :ncool:
als je je tekst wil centeren (dus midden in het beeldscherm) gebruik je de <center> code en sluit je weer af met </center>
aangezien <center> oud is en niet in het dagelijkse html word toegepast kan je ook <p align="center"> gebruiken en af sluiten met </p>
dan heb je ook nog de
| Code | Selecteer Alles |
|---|
|
als je een enter wilt doen (break) lijn naar beneden gebruik je de <br> om het nog wat netter te laten lijken kan je ook
<br /> doen
met <h1> maak je tekst groter h1 is het groots en gaat door tot h7
maar het kan ook zo
| Code | Selecteer Alles |
|---|
|
bij die kan je meer dingen aanpassen zoals letter kleur etc.. door middel van de <font> tag
dus bijvoorbeeld
| Code | Selecteer Alles |
|---|
|
Links :
Op een site is het altijd handig om meerdere paginas te hebben.. als je alles op 1 pagina zou hebben zou het allemaal erg onduidelijk worden.. hiervoor gebruiken we hyperlinks
| Code | Selecteer Alles |
|---|
|
als je nu op "Klik hier om naar de index te gaan" drukt zal je naar de index worden gestuurd (index.htm)
verder heb je ook nog het atribuut "Target" hiermee kan je hem bijvoorbeeld in een IFrame openen
| Code | Selecteer Alles |
|---|
|
[list]
_self
Link word in deze pagina geladen dus geen nieuw venster
_blank
Nu zal de pagina in een nieuw venster worden geladen
_top
Zal de link openen in het hele scherm (handig voor frames)
_parent
Dit laadt de link in de bron van een document
[/list]
als je een afbeelding als link wil hebben doe je gewoon de afbeelding tussen de <a> en de </a> bijvoorbeeld
| Code | Selecteer Alles |
|---|
|
Dit was een BASIS html tutorial
- Remco