De HTML taglijst
Er bestaan veel HTML‑tags. Hieronder vind je de meest gebruikte tags die je op dit moment nodig hebt.
Deze tags kan je ook gewoon invoeren in CO-Pilot om nog meer te weten te komen.
| <a href> </a href> |
| Atribute |
Optie |
Omschrijving |
target= |
"_blank" |
De link opent in een nieuw tabblad |
| target= |
"_self |
De link opent in het zelfde tabblad |
| <ul> </ul> |
| Atribute |
Optie |
Omschrijving |
Type= |
"disc" |
Standard zwartestip |
Type= |
"circle" |
Standard zwartestip |
Type= |
"square" |
Vierkantestip |
| <img> |
| Atribute |
Optie |
Omschrijving |
| src= |
"pad/naar/afbeelding.jpg" |
Locatie van de afbeelding |
| alt= |
"beschrijving" |
Alternatieve tekst voor toegankelijkheid |
| width= |
"100px" |
Breedte van de afbeelding |
| height= |
"100px" |
Hoogte van de afbeelding |
| <div> </div> |
| Atribute |
Optie |
Omschrijving |
| class= |
"container" |
CSS‑class voor styling |
| id= |
"uniekeNaam" |
Unieke identificatie voor dit element |
| style= |
"background:red;" |
Inline CSS styling |
| <video> </video> |
| Atribute |
Optie |
Omschrijving |
| src= |
"video.mp4" |
Locatie van de video |
| controls |
"controls" |
Toont videobediening |
| autoplay |
"autoplay" |
Video start automatisch |
| loop |
"loop" |
Herhaalt de video |
| muted |
"muted" |
Video begint zonder geluid |
| <img> |
| Atribute |
Optie |
Omschrijving |
| src= |
"pad/naar/afbeelding.jpg" |
Locatie van de afbeelding |
| alt= |
"beschrijving" |
Alternatieve tekst voor toegankelijkheid |
| width= |
"100px" |
Breedte van de afbeelding |
| height= |
"100px" |
Hoogte van de afbeelding |
| <div> </div> |
| Atribute |
Optie |
Omschrijving |
| class= |
"container" |
CSS‑class voor styling |
| id= |
"uniekeNaam" |
Unieke identificatie voor dit element |
| style= |
"background:red;" |
Inline CSS styling |
| <video> </video> |
| Atribute |
Optie |
Omschrijving |
| src= |
"video.mp4" |
Locatie van de video |
| controls |
"controls" |
Toont videobediening |
| autoplay |
"autoplay" |
Video start automatisch |
| loop |
"loop" |
Herhaalt de video |
| muted |
"muted" |
Video begint zonder geluid |
| <form> </form> |
| Atribute |
Optie |
Omschrijving |
| action= |
"verwerkingspagina.php" |
Pagina waar het formulier naartoe wordt gestuurd |
| method= |
"get" / "post" |
Verzendmethode van het formulier |
| autocomplete= |
"on" / "off" |
Automatisch invullen aan/uit |
| <input type="text"> |
| Atribute |
Optie |
Omschrijving |
| name= |
"gebruikersnaam" |
Naam waaronder de waarde wordt verzonden |
| placeholder= |
"Typ hier..." |
Voorbeeldtekst in het veld |
| required |
"required" |
Veld moet verplicht ingevuld worden |
| <input type="password"> |
| Atribute |
Optie |
Omschrijving |
| name= |
"wachtwoord" |
Naam waaronder het wachtwoord wordt verzonden |
| required |
"required" |
Veld moet verplicht ingevuld worden |
| <input type="radio"> |
| Atribute |
Optie |
Omschrijving |
| name= |
"keuze" |
Radio’s met dezelfde naam vormen één groep |
| value= |
"optie1" |
Waarde die wordt verzonden bij selectie |
| checked |
"checked" |
Deze optie staat standaard aan |
| <input type="checkbox"> |
| Atribute |
Optie |
Omschrijving |
| name= |
"akkoord" |
Naam waaronder de waarde wordt verzonden |
| checked |
"checked" |
Checkbox staat standaard aangevinkt |
| <select> <option> |
| Atribute |
Optie |
Omschrijving |
| name= |
"keuzelijst" |
Naam van de selectielijst |
| required |
"required" |
Verplicht een keuze maken |
| option value= |
"waarde1" |
Waarde van een optie |
| selected |
"selected" |
Deze optie staat standaard geselecteerd |
| <table> </table> |
| Atribute |
Optie |
Omschrijving |
| border= |
"1" |
Geeft een rand om de tabel |
| width= |
"100%" / "500px" |
Breedte van de tabel |
| cellpadding= |
"5" |
Ruimte binnen de cellen |
| cellspacing= |
"0" |
Ruimte tussen cellen |
| class= |
"table-class" |
CSS‑class voor styling |
| id= |
"uniekeNaam" |
Unieke identificatie voor deze tabel |
Bestel jouw gratis webspace voor nu oefenen!
