Html, kesako ?

HTML (hypertext markup language) est un langage de balisage. HTML va nous permettre de structurer du contenu afin qu’il soit lisible par un navigateur.

Une balise HTML se compose la plupart du temps d’une balise ouvrante et d’une balise fermante.

<h1> <!-- balise ouvrante -->
le contenu <!-- contenu -->
</h1> <!-- balise fermante -->

Setup de notre projet web:

Une feuille index.html pour l’html

important: il faut toujours un index.html dans son projet, sinon le navigateur ne sera pas quoi afficher. L’index est la page d’accueil d’un site

Une feuille style.css pour le css
Une feuille script.js ou app.js pour le JavaScript

Il va falloir “relier” toutes ces pages :

<link rel="stylesheet" href="style.css"> → relier HTML et CSS
<script src="script.js" defer> </script> → lier notre script a notre HTML/CSS

Peut se placer dans le <head> ou en bas de notre <body>

Le minimal HTML (squelette HTML)

Sur VS code → ! + entrée

<!DOCTYPE html>
<html lang="fr">

	<head>
	<!-- ce qui ne se vois pas, la mecanique -->
		<title> Le titre de mon site</title> <!-- titre de notre site -->
		<meta charset="UTF-8"> <!-- caractére européen -->
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
	</head>
	
	<body>
	 <!-- Tout notre contenu -->
	</body>

</html>

Les listes :

Unordonate List → Liste non ordonnée (une liste à puces)

<ul>
	<li>item 1</li>
	<li>item 2</li>
</ul>