Titre : Page test HTML5 et CSS3

- Utilisation des balises h2 ( Affichage d'un titre de niveau 2 ) et span ( Sélection d'un groupe de mots )

Bonjour et bienvenue sur ce cours condensé HTML5 et CSS3 !

- Utilisation des balises p ( paragraphe ), mark ( surlignage ) et br ( passage à la ligne )

Bonjour et bienvenue sur ce cours condensé HTML5 et CSS3 !
Ce paragraphe est en violet car la balise p encadre l'attribut class="introduction" géré depuis le fichier style.css .
Le style inclut la propriété color dont la valeur rgb(183,26,194) correspond à une nuance de violet.
Le passage d'une ligne á l'autre est traitée par la balise br.
L'ascenceur sur la droite provient de la propriété CSS overflow affectée à la classe "introduction" et gérée depuis le fichier style_test.css .

- Utilisation des balises em ( italique par défaut ) et strong ( gras par défaut )

La balise em encadre "Utilisation des balises" et la balise strong encadre "em et strong".

- Affichage d'une liste non ordonnée

• Fraises
• Framboises
• Cerises

- Affichage d'une liste ordonnée

1. Je me lève.
2. Je mange et je bois
3. Je retourne me coucher

- Ouvrir une page html située sur le web avec l'attribut href="http://..."

Souhaitez-vous visiter le site Google.fr ?

- Ouvrir une page html située situé dans le même dossier avec l'attribut href="nom_fichier.html"

Ouvrez le fichier page_test_2.html créé dans le dossier Pages.

- Ouvrir une page html située dans un sous-dossier avec l'attribut href="nom_sous-dossier/nom_fichier.html"

Ouvrez le fichier page_test_3.html situé dans le sous-dossier Pages-bis.

- Ouvrir une page html située dans un dossier parent avec l'attribut href="../nom_fichier.html"

Ouvrez le fichier page_test_4.html situé dans le dossier parent Web_html5_css3.

- Accéder à une ancre située sur la page html active avec l'attribut href="#nom_ancre"

Joindre la balise h2 contenant l'attribut id="mon_ancre"

- Accéder à une ancre située sur une page html externe avec l'attribut href="chemin/nom_fichier.html#nom_ancre"

Joindre l'ancre id="mon_ancre" située sur la page_test_3.html .

- Affichage d'une info bulle à l'aide de l'attribut title="texte de l'info bulle"

Info bulle visible avec la souris pointée sur : Google.fr ?

- Ouvrir une page html dans une nouvelle fenêtre à l'aide de l'attribut target="_blank"

Ouvrez Google.fr dans une nouvelle fenêtre.

- Envoyer un email avec la balise href="mailto:votre adresse mail"

Envoyez-vous un e-mail !

- Télécharger un fichier avec la balise href="chemin/nom_fichier"

Télécharger le fichier document.rtf .

- Insertion d'une image avec la balise img et l'attribut src="chemin/nom_image"

- Agrandir une image à l'aide d'un lien hypertexte placé devant la balise img

Cliquez sur la photo pour voir l'original :

- Affichage d'une figure avec légende.

- Afficher une image flottante avec la propriété float.

Ceci est un paragraphe écrit à la suite de l'image et qui l'habillera car l'image est flottante.

clear pour démarrer un paragraphe en dessous d'une image flottante et non plus à côté. La propriété clear peut prendre les valeurs suivantes :
• left : le texte se poursuit en-dessous après un float: left;
• right : le texte se poursuit en-dessous après un float: right;
• both : le texte se poursuit en-dessous, que ce soit après un float: left; ou après un float: right;.

- Affichage d'un tableau simple à l'aide des balises table, tr et td.

- Ajout d'une ligne d'en-tête et collage des bordures à l'aide de la balise th et de la propriété border-collapse.

- Ajout d'un titre avec la balise caption et position de celui-ci avec la propriété caption-side.

- Le même tableau structuré à l'aide des balises thead, tfoot et tbody.

- Fusion horizontale de cellules à l'aide de la balise colspan.

- Fusion verticale de 2 cellules à l'aide de la balise rowspan.

- Affichage d'un formulaire à l'aide des balises form - fieldset - legend - label - input - textarea et de leurs attributs.

Fin

- Affichage d'une liste de cases à cocher.

- Affichage de zones d'options.

- Affichage d'une liste déroulante simple avec présélection d'un pays à l'aide de l'attribut selected.

- Affichage d'une liste déroulante incluant des groupes d'options.

- Insertion d'un fichier audio - Musique gratuite et libre de droits proposée par Alban Lepsy

Insertion d'un fichier vidéo - Film gratuit et libre de droits proposé sur le site Videezy

Titre avec pour attribut id="mon_ancre"