INFORMATIETECHNOLOGIE 1
HTML
HyperText Markup Language = opmaaktaal
Element tags: om inhoud van pagina te structureren. Openingstag en sluitingstag: <h1> </h1>
<!doctype html>
<html>
<head>
<title>Hier komt de titel van je pagina6</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="reset.css">
<link rel="stylesheet" type="text/css" href="stijl.css">
<meta charset="utf-8">
</head>
<body>
<h1>Hallo wereld!</h1>
</body>
</html>
<p>
Paragraaf
Header
<header> </header>
Main
<main> </main>
Footer
<footer> </footer>
<h1>…<h6>
Hoofdingen: verschillende niveaus
Belangrijkste hoofding is <h1>
<a>
Anchor: om links “te” maken
Hebben een href attribuut in de openingstag
<a href= “http://www.example.com”>Link</a>
, IT1 - 1718
<ul>
Niet-geoerdende lijsten (unordered lists): als volgorde niet uitmaakt.
Deze lijsten krijgen bullets in de browser
<li>
List items
<ul>
<li>Dit is een <a href= “http://www.example.com”>link</a></li>
<li>Dit is ook een <a href= “http://www.example2.com”>link</a></li>
<li>Dit is nog een <a href= “http://www.example3.com”>link</a></li>
</ul>
<ol>
Geordende lijsten (ordered lists): krijgen nummering in browser.
<ol>
<li>Dit is een <a href= “http://www.example.com”>link</a></li>
<li>Dit is ook een <a href= “http://www.example2.com”>link</a></li>
<li>Dit is nog een <a href= “http://www.example3.com”>link</a></li>
</ol>
<nav>
Navigatiesectie
Links binnen nav onder a-tag
Afbeelding
Img tag hoeft niet afgesloten te worden
Alt-attribuut is verplicht: tekstuele beschrijving van afbeelding
<img src= “directeur.gif” alt= “portret directeur”>
<div>
Container voor substructuur
Hieraan kan je klasses toevoegen:
<p class=”eerste”>Dit is een paragraaf.</p>
<p class=”tweede”>Dit is een tweede paragraaf.</p>
, IT1 - 1718
HTML tags
Meerdere pagina’s
Interne links verbinden individuele pagina’s met elkaar:
Link openen in zelfde venster (_self) of in nieuw venster (_blank):
, IT1 - 1718
<a href=“http://...” target=“_blank”>Pagina</a>
Tables
Tabulaire data weergeven.
<table> … </table>
Rijen: <tr>, rijen verdeeld in table data met <td>. Table heading: <th>
Meerdere rijen en kolommen met elkaar verbinden door rowspan en colspan.
Voordelen van het kopen van samenvattingen bij Stuvia op een rij:
Verzekerd van kwaliteit door reviews
Stuvia-klanten hebben meer dan 700.000 samenvattingen beoordeeld. Zo weet je zeker dat je de beste documenten koopt!
Snel en makkelijk kopen
Je betaalt supersnel en eenmalig met iDeal, creditcard of Stuvia-tegoed voor de samenvatting. Zonder lidmaatschap.
Focus op de essentie
Samenvattingen worden geschreven voor en door anderen. Daarom zijn de samenvattingen altijd betrouwbaar en actueel. Zo kom je snel tot de kern!
Veelgestelde vragen
Wat krijg ik als ik dit document koop?
Je krijgt een PDF, die direct beschikbaar is na je aankoop. Het gekochte document is altijd, overal en oneindig toegankelijk via je profiel.
Tevredenheidsgarantie: hoe werkt dat?
Onze tevredenheidsgarantie zorgt ervoor dat je altijd een studiedocument vindt dat goed bij je past. Je vult een formulier in en onze klantenservice regelt de rest.
Van wie koop ik deze samenvatting?
Stuvia is een marktplaats, je koop dit document dus niet van ons, maar van verkoper nathaliegdm. Stuvia faciliteert de betaling aan de verkoper.
Zit ik meteen vast aan een abonnement?
Nee, je koopt alleen deze samenvatting voor €3,74. Je zit daarna nergens aan vast.