Catégorie : HTML
-
Les formulaires HTML
La balise <form> Un formulaire permet de demander des informations à l’utilisateur. Ces informations sont ensuite traitées dans un langage de programmation (PHP par exemple) pour être enregistrées dans une base de données, ou envoyées par email, ou autre. Ces informations peuvent être des données textuelles ou des fichiers. Le contenu du formulaire est englobé…
-
Doctype et balises d’en-tête HTML (html, meta, title, link, script)
Doctype Le doctype HTML5 par rapport aux versions antérieures est simplifié : La DTD (Doctype definition – Définition de type de document) permet d’indiquer au navigateur les règles auxquelles le document est censé répondre. Cela a ainsi un impact sur les rendus CSS. Cette information est également indispensable pour les validateurs HTML (celui du W3C…
-
Balises HTML de structure des pages
Depuis le début du langage HTML, il est possible de créer différentes sections dans une page grâce à la balise <div>. On peut l’utiliser pour l’en-tête, le menu, une barre latérale, le contenu principale, le pied-de-page, et pour différentes sous-sections sur différents niveaux à l’intérieur de ces sections principales. Pour la mise en place de…
-
Les balises HTML video et audio
La balise <video> Intégration d’une vidéo Autrefois, il fallait intégrer un plugin Flash par exemple pour pouvoir lire des vidéos sur une page web. HTML 5 apporte la balise <video> qui permet très facilement d’intégrer une vidéo à une page web. L’attribut src permet d’indiquer l’adresse vers le fichier vidéo. Il est possible d’ajouter les…
-
Les tableaux HTML
Les tableaux sont un moyen simple et efficace de présenter des données sous forme de liste / colonnes. Il est possible d’avoir un en-tête, un pied-de-tableau, d’effectuer des fusions de cellules, d’avoir une gestion des bordures etc. Les balises des tableaux Balise Usage <table> Indique le début et la fin d’un tableau. Elle englobe tout…
-
Typo HTML des titres, paragraphes, citations etc.
Titres Les balises <h1> à <h6>, de type bloc, permettent d’afficher 6 niveaux de titres, <h1> étant le plus important. Les titres sont importants pour hiérarchiser un document. Les robots s’en servent d’ailleurs pour construire des tables de matières des documents. On conseille de n’avoir qu’un titre de niveau 1 par page et d’éviter de…
-
Listes à puces HTML
Listes ordonnées et non ordonnées Les listes à puces permettent de présenter des informations sous forme de différents points énumérés chacun étant précédé d’une puce. On distingue alors deux types de listes avec d’une part les listes ordonnées et d’autre part les listes non ordonnées. Les listes ordonnées énumèrent chacun élément en le précédent soit…
-
Polices d’écritures (fonts) HTML
Gestion de la taille à l’écran La taille du texte peut être défini via différentes unités. On distingue les unités indiquant une taille absolue de celles indiquant une taille relative. La taille absolue est généralement exprimée en pixels (« px ») mais peut également s’exprimer en centimètres ou en millimètres (« cm » ou «…
-
Images et figures HTML
Afficher une image Pour intégrer une image, on utilise la balise <img> accompagnée obligatoirement de l’attribut src qui contient le chemin vers l’image à afficher. Il est recommandé de toujours l’accompagner de l’attribut alt qui permet d’indiquer un texte alternatif au cas où l’image ne puisse pas être chargée. Elle peut également être complétée de…
-
Liens de pages / emails / téléchargement
Lien vers des pages Les liens permettent de passe d’une page à une autre, d’accéder à une section spécifique d’une page, et peuvent éventuellement s’ouvrir dans un nouvel onglet. Lien pour envoyer un email Les liens peuvent également permettre d’ouvrir le logiciel de message installé sur le poste afin d’envoyer un mail. Dans ce cas,…
-
Favicon, icône iOS, tuile Modern UI pour Windows
Favicon La favicon est l’icône affichée par les navigateur dans l’onglet de la fenêtre, dans les favoris enregistrés ou encore dans les résultats de la recherche depuis la barre d’adresses. La balise permettant de définir l’icône doit être placée dans la balise <head>. Il a longtemps été recommandé d’enregistrer cette image au format .ico (format…