HTML pour non-techniciens

Qu’est-ce que le langage HTML ?

• Le HTML dans le flux de production d’un site Web.
• Évolution du HTML : HTML4, XHTML, HTML5.
• Normes et standards du W3C.
• Articulation du langage HTML avec les autres langages du Web (CSS, JavaScript).
• L’encodage des caractères.
• Syntaxe d’une balise HTML (élément, attribut, valeur).
• Organiser et nommer ses fichiers.

Structure de base d’une page HTML

• Le doctype, la balise HTML, la balise head, la balise title, les balises meta, la balise body, les balises de structuration du texte, les balises de titres, les balises p et br, les balises strong et em, les listes (ul, ol), la balise div.
• Aperçu des nouvelles balises du HTML5 (header, nav, section, article, aside, footer).

Créer des liens

• Lien entre deux pages.
• Lien vers un site web.
• Lien vers une adresse e-mail.
• Ouvrir un lien dans un nouvel onglet.

Les images

• Les différents formats (JPEG, GIF, PNG, SVG).
• La balise img et ses différents attributs.
• Rendre une image accessible avec l’attribut alt.

Les tableaux HTML

• Les balises table, tr, th et td.
• Création d’un tableau de données.

Initiation au langage CSS

• Mettre en place une feuille de style externe.
• Styliser le texte (police, taille, couleur).
• Ajouter un arrière-plan.
• Positionner une image à côté d’un texte.

Mettre en ligne son site

• Qu’est-ce qu’un serveur web ?
• Les différents types d’hébergements (mutualisé, dédié).
• Publier son site avec un logiciel FTP.

Panorama des outils de codage HTML

• Éditeurs HTML.
• Éditeurs WYSIWYG.
• Outils en ligne.

Panorama des outils de validation et de tests

• Valider son code avec HTML Validator.
• Les outils de tests de rendu dans les navigateurs.