Tutoriel HTML : Apprenez à maîtriser les balises, attributs, structures et commentaires

Thèmes abordés

HTML, programmation, site web, balise, attribut, encodage

Résumé du document

HTML est un langage de programmation utilisé pour créer des sites web. Il est composé de balises, d'attributs et de structures de base. Les matières scolaires abordées sont les balises, les attributs, la structure de base d'une page HTML5, les commentaires, la mise en page (paragraphes, aller à la ligne, titres et mise en valeur), les listes non ordonnées et ordonnées et les liens. Les thèmes abordés sont le contenu des balises (balises en paire et orphelines), l'utilisation des attributs (href et target), l'encodage du fichier (meta charset), le titre principal de la page (title), le contenu de la page html (texte et image), les commentaires HTML, les paragraphes (p), aller à la ligne (br /), les titres (h1 à h6), la mise en valeur (em, mark et strong), les listes non ordonnées (ul) et ordonnées (ol), les liens vers un site avec des &, vers une fichier dans le même dossier ou un sous dossier ou encore vers un point de repère dans une autre page (ancre) ainsi que l'utilisation des infobulles sur le lien (title) ou sur l'image. Enfin, il est également abordé le téléchargement d'un fichier avec un lien.

Extraits

[...] Tutoriel HTML : Apprenez à maîtriser les balises, attributs, structures et commentaires HTML : 1. Les balises :

Contenue de la balise Balise en paire. Balise orphline. < em > : correct. < em > : incorrect Les attributs : href="https://openclassrooms.com" target="_blank">OpenClassrooms Les attribut de la balise a sont : href, valeur : https://openclassrooms.com [HYPERLINK: https://openclassrooms.com/] target, valeur : _blank Structure de base d'une page HTML5 : Type du document Contenue du document HTML.

[...]

[...] < li >Fraises Élément de la liste. < li >Framboises . Fraises Framboises . Listes ordonnées dit aussi listes numérotées ou énumérations : Code : Aperçus : Liste ordonnée. < li >Fraises Élément de la liste. < li >Framboises . Fraises Framboises . Les liens : Les liens : href="lien">nomLien Un lien vers un site qui comporte des vous devrez remplacer tous les « & » par « & ». Liens vers une fichier dans le même dossier : href="page2.html">la page Liens vers une fichier dans un sous dossier : href="sousDossier/page2.html">la page Lien vers une fichier dans le dossier parent : href=" . [...]

[...] href="#mon_ancre">Aller vers l'ancre Liens vers l'ancre. Lien vers une ancre d'une autre page : Il suffit de taper le nom de la page, suivi d'un dièse ( # suivi du nom de l'ancre. a href="page2.html#monAncre"> Infobulle sur le lien : title. href="https://openclassrooms.com" title="Infobulle.">OpenClassrooms Lien qui ouvre une nouvelle fenêtre : href="https://openclassrooms.com" target="_blank">OpenClassrooms Lien pour envoyer un e-mail : un e-mail Lien pour télécharger un fichier : href="monfichier.zip">Télécharger le fichier Les images : Noms des images en minuscules, sans espace ni accent. [...]