HTML

Le HTML (ou Hypertext Markup Language) est un langage à base de balises, qui permet de concevoir les pages web. Une page web est donc un ensemble de balises qui est compréhensible par les navigateur web (Chrome, Firefox,...).

La page que vous consultez actuellement est donc composée de balises HTML. Vous pouvez les voir en affichant les codes sources de la pages via votre navigateur.

Il faut partir du principe que le HTML est là pour le contenu. Sur les premiers exercices, ne vous attendez pas à avoir une page resemblant à un réseau social ! Le HTML n'est là que pour le contenu.

Allons dans le vif du sujet

Pour faire simple, il y a une liste de balises qu'on utilise tout le temps. Il suffit d'apprendre bêtement ces quelques balises - les autres n'étant pas vitale :

  • H1, H2,... H6
  • p
  • br
  • a
  • ul/li/ol
  • table/tr/td
  • img
  • div
  • form

Les balises

Avant de commencer, il faut comprendre comment fonctionnent les balies. Pour la plupart, elles se composent en deux parties. Une balise ouvrante et une autre fermante. Par exemple :

<nomdemabalise>ici du contenu texte, d'autres balises,...</nomdemabalise> Il est possible d'imbriquer des balises <nomdemabalise1><nomdemabalise2></nomdemabalise2></nomdemabalise1> Mais il n'est pas possible de les fermer de façon non imbriqué <nomdemabalise1><nomdemabalise2></nomdemabalise1></nomdemabalise2>

h1, h2, h3, h4, h5, h6

Parmis les balises les plus utilisées, il existe les balises titres. Il y en a 6, de la plus importante h1 à la moins importante h6. Les tailles et épaisseurs sont différentes.

Balises p

<p></p>est la balise paragraphe. C'est là dedans qu'on va écrire du texte. Pour faire des sauts de lignes, voir la balise d'après ;)

Balise br

<br> pour break. Non il n'y a pas d'erreur, pour cette balise, il n'y a pas de balise fermente ;)

Balise a

<a href=""></a> pour les liens. Un morceau un peu plus gros. Dans cette balise "a"; on trouve un attribut href="" qui sert de lien vers où nous souhaitons aller quand on clique dessus. Par exemple, nous pouvons faire <a href="https://hossein.fr"></a> pour être redirigé vers le site. Essayez en cliquant ici ;).

Balises ul/li/ol

Passons à plus complexe. Nous allons voir comment créer des listes.

Exemple :

  • element de la liste 1
  • element de la liste 2
  • element de la liste 3

ul créer une liste non ordonnée, au contraire de ol.

Pour les utiliser:

<ul> <li>ligne 1</li> <li>ligne 2</li> <li>...</li> </ul>

Les tableaux

Il est souvent utile d'afficher un tableau.

Titre Description Cours Exercices
HTML Par où il faut commencer ! Voir Voir
... 

	
		

			Titre
			Description
			Cours
			Exercices
		

	
	
		

			HTML
			Par où il faut commencer !
			Voir
			Voir
		

		

			...

Patience, la suite est en cours d'écriture...

Donnons un peu de forme à la page >>