Fondé en Octobre 2013, avec Johan Dufau (N2010)
6 expertises :
Design
Développement
Stratégie Digitale
Data
DevOps
Suivi et Veille
Client web
Serveur / API
HTTP GET, POST
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Exemple de fichier HTML</title>
</head>
<body>
<h1>Titre</h1>
<p>Un paragraphe de texte quelconque.</p>
</body>
</html><h1>Titre de niveau 1</h1>
<h2>Titre de niveau 2</h2>
<h3>Titre de niveau 3</h3>
<h4>Titre de niveau 4</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><div></div>
<span></span><div>
<article>
<nav>
<section><article>
<h1>Titre de l'article</h1>
<h2>Partie 1</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<h2>Partie 2</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</article>
<article>
<h1>Titre de l'article</h1>
<h2>Partie 1</h2>
<p>Lorem ipsum ...</p>
<p>...</p>
<h2>Partie 2</h2>
<p>Lorem ipsum ...</p>
<p>...</p>
</article>
<a href="http://monsite.fr">Mon Site</a>
<ul>
<li>Élément 1</li>
<li>Élément 2</li>
<li>Élément 3</li>
<li>Élément 4</li>
<li>Élément 5</li>
</ul>
<table>
<tr>
<td>Colonne 1</td>
<td>Colonne 2</td>
<td>Colonne 3</td>
</tr>
</table>
<table>
<tr>
<th>En-tête</th>
<td>Contenu</td>
</tr>
</table>
<form method="post">
</form>
<form>
<label for="firstname"></label>
<input name="firstname" placeholder="Prénom"/>
<label for="lastname"></label>
<input name="lastname" placeholder="Nom"/>
</form>
<label for="firstname">Homme</label>
<input type="text" id="firstname" name="gender"/>
<input type="email" id="email" name="email"/>
<input type="password" id="password" name="password"/>
<input type="radio" id="gender-male" name="gender" value="male"/>
<input type="radio" id="gender-female" name="gender" value="female"/>
<input type="checkbox" id="cgu" name="cgu" value="cgu"/>
<button type="button">Bouton standard</button>
<button type="submit">Envoyer</button>
<img src="image.png" alt="Description de l'image"/>
<video src="video.mp4"></video>
<audio src="audio.mp3"></audio>
https://developer.mozilla.org/
https://ogp.me/
Amélioration de la compréhension du contenu par les moteurs de recherche
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Cours HTML, CSS, Bootstrap</title>
<!-- CSS -->
<link href="src/css/style.css" rel="stylesheet">
</head>
<body>
<div class="container-fluid">
</div>
</body>
</html>
h2 {
font-size: 1.8em;
color: #fbb040;
}
div {
...
}
#main-content {
...
}
.box {
...
}
<div id="main-content" class="box"></div>
body #main-content div.box > a, a.special {
...
}body #main-content div.box > a, a.special {
font-size: 18px;
font-weight: bold;
font-family: sans-serif;
color: #000;
background-color: #fff;
background-image: url('../image.png');
}
body #main-content {
position: relative;
}
body #main-content div.box > a, a.special {
position: absolute;
top: 10px;
left: 10px;
width: 100px;
height: 100px;
display: block; /*hidden, inline, ...*/
}