Dans ce tp02 on va voir dans  Exercice 1 comment va faire la création de votre première page html.

 

Dans ce tp02 on va voir :

 Dans les exercice 2 les titres, comment crée les titres en html.

En fin on termine ce TP par  Exercice 3 : Créer des paragraphes et ajoutez des commentaires.
 

- Mettre en valeur "maitriser"
- Mettre bien en valeur "fin de ce TP"
- Marquer le texte "mieux"
- Mettre « en » en italique
- Mettre « devrais » en exposant
- Mettre « de ce» en indice
- Mettre « en fin de ce TP» en bleu
- Mettre « je devrais mieux maitriser HTML5» en rose
- Aligné cette phrase à droite.
 

Exercice 2 :Listes, texte pré-formaté: 

--1).Liste à puce .

 --code html final de Liste à puce. 

--2).Combinaison de listes numérotée et à puce. 

--code html final de Combinaison de listes numérotée et à puce. 

--3).Liste descriptive. 

--code html final de Liste descriptive. 

--4).texte pré-formaté. 

--code html final de texte pré-formaté.

 En Html, les tableaux servent non seulement à aligner des chiffres mais surtout à placer des éléments à l'emplacement que vous souhaitez. L'usage des tableaux est donc TRES fréquent.

Un tableau est composé de lignes et de colonnes qui forment les cellules du tableau.

dans ce TP03: Exercice 4 : Formulaire Définition et utilisation form :

 La balise form est utilisée pour créer un formulaire HTML pour la saisie des données utilisateur. Et donc la balise FORM déclare une zone de formulaire dans laquelle il sera possible pour les utilisateurs de saisir des informations qui pourront par la suite être récupérées côté serveur. Les structures utilisées à l'intérieur d'un formulaire pour échanger des informations sont les éléments :input, button , select , option, et , label ..

Les liens hypertextes sont l’une des fondations du HTML que est, rappelons-le, un langage de marquage hypertexte justement.

-Il existe deux types principaux de liens hypertextes en HTML :

**Les liens internes qui vont servir à naviguer d’une page à l’autre dans un même site . 

**Les liens externes qui vont envoyer les utilisateurs vers une page d’un autre site.

L’insertion d’images en HTML ,va se faire au moyen de l’élément HTML img. Cet élément est représenté par, une balise orpheline img. L’attribut src (pour source) va prendre comme valeur l’adresse de l’image (adresse relative ou absolue) .tandis que l’attribut alt (pour alternative) va contenir un texte alternatif décrivant l’image. Ce texte va être affiché si l’image ne peut pas l’être pour une raison ou pour une autre.

La façon la plus simple d’insérer un fichier vidéo dans une page HTML va être d’utiliser un élément video avec deux attributs src et controls, exactement de la même façon que pour l’élément audio.

Pour changer la couleur de fond d’un élément, nous allons utiliser la propriété CSS background-color..

Qu'est-ce que le Modèle de Boîte en CSS ? Le modèle de boîte que nous allons voir s'applique totalement aux boîtes en bloc, mais les boîtes en ligne ne reprennent que certains aspects — le modèle est alors simplifié ! Ce modèle définit comment chaque composant de la boîte, à savoir le margin (remplissage extérieur), le border (cadre), le padding (remplissage intérieur) et le contenu, fonctionnent ensemble pour former l'aspect final rendu à l'écran. Pour ajouter un soupçon de complexité, il est aussi possible de passer du modèle standard à un modèle alternatif.