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.
Les clients de Stuvia ont évalués plus de 700 000 résumés. C'est comme ça que vous savez que vous achetez les meilleurs documents.
L’achat facile et rapide
Vous pouvez payer rapidement avec iDeal, carte de crédit ou Stuvia-crédit pour les résumés. Il n'y a pas d'adhésion nécessaire.
Focus sur l’essentiel
Vos camarades écrivent eux-mêmes les notes d’étude, c’est pourquoi les documents sont toujours fiables et à jour. Cela garantit que vous arrivez rapidement au coeur du matériel.
Foire aux questions
Qu'est-ce que j'obtiens en achetant ce document ?
Vous obtenez un PDF, disponible immédiatement après votre achat. Le document acheté est accessible à tout moment, n'importe où et indéfiniment via votre profil.
Garantie de remboursement : comment ça marche ?
Notre garantie de satisfaction garantit que vous trouverez toujours un document d'étude qui vous convient. Vous remplissez un formulaire et notre équipe du service client s'occupe du reste.
Auprès de qui est-ce que j'achète ce résumé ?
Stuvia est une place de marché. Alors, vous n'achetez donc pas ce document chez nous, mais auprès du vendeur nathaliegdm. Stuvia facilite les paiements au vendeur.
Est-ce que j'aurai un abonnement?
Non, vous n'achetez ce résumé que pour €3,74. Vous n'êtes lié à rien après votre achat.