Index HTML

Living Standard pour HTML de Apple, Google, Mozilla, Microsoft ...et la W3C

La reine est morte, vive le roi!

Oznog 9 octobre 2022

Consulté 5945 fois

HTML5 - Élément ancre et le lien d’ancrage

L’ancre est ajoutée à un hyperlien pour accéder directement à une section d’une page Web sans faire défiler la page manuellement.

Django Blais 26 février 2021

Consulté 12417 fois

HTML5 - h1-h6 : Les éléments de titre

Les éléments de titre servent à structurer le contenu de la page principalement pour l’accessibilité et les moteurs de recherche.

Django Blais 25 février 2021

Consulté 3872 fois

Dernière recommandation de la W3C - HTML 5.2

Ce 14 décembre dernier, la W3C annonçait deux versions le même jour. Sa première version de travail publique du HTML 5.3 et sa dernière recommandation HTML 5.2.

Django Blais 19 décembre 2017

Consulté 8890 fois

HTML5 - API Fullscreen (plein écran)

Il existe en HTML5, moyennant l’autorisation de l’usager, une fonctionnalité requestFullscreen qui permet d’afficher la page en plein écran.

Django Blais 26 novembre 2017

Consulté 32055 fois

Formation - 8. Serveur Web et logiciel FTP

C’est bien beau la conception Web, mais sans serveur Web, personne ne sera en mesure de consulter votre site Web!

Django Blais 14 août 2017

Consulté 8207 fois

Formation - 7. Les sélecteurs et la classe CSS

Nous verrons dans ce tutoriel les différents sélecteurs. De la pseudo-classe à la classe CSS.

Django Blais 3 août 2017

Consulté 6219 fois

Formation - 6. Le style CSS

Le CSS ou « Cascading Style Sheets » en français les feuilles de style en cascade est un langage qui décrit la présentation et le style des documents et des éléments HTML.

Django Blais 2 août 2017

Consulté 6347 fois

Formation - 3. L’élément ou la balise HTML

Comme son nom l’indique, le HTML (Hypertext Markup Language) est un langage de balisage.

Django Blais 29 juillet 2017

Consulté 7244 fois

Formation - 5. Structure du document HTML5

La structure du document HTML5 ne diffère en rien de la structure d’origine du HTML.

Django Blais 28 juillet 2017

Consulté 10737 fois

Formation - 2. Les fichiers et l’encodage

Tout fichier ouvert par un navigateur est un fichier texte. Peu importe le format, la feuille de style CSS, le document HTML.

Django Blais 28 juillet 2017

Consulté 8837 fois

Formation - 1. Les outils de conception

Rien de plus simple que de créer une page Web. Les outils se résument à un éditeur de texte et un logiciel FTP pour transférer vos fichiers sur un serveur Web.

Django Blais 25 juillet 2017

Consulté 7523 fois

Formation - 4. Ma première page Web

Une simple page Web avec les base du HTML5.

Django Blais 25 juillet 2017

Consulté 7090 fois

Formation - Introduction

Premier jet de ce qui devrait être un abécédaire de la conception Web des plus accessible.

Django Blais 25 juillet 2017

Consulté 11522 fois

AMP - Le Web pour mobile vient de grossir...

Si je traduis bien, je dirais que le nouveau langage AMT, n’ayons pas peur des mots, est une énième couche de traitement pour un meilleurs support des mobile.

Django Blais 8 mars 2016

Consulté 10162 fois

HTML5 : L’attribut « download »

L’attribut « download » permet de spécifier que la cible sera téléchargée, au lieu d’être ouverte.

Django Blais 27 février 2016

Consulté 36782 fois

HTML5 : Le stockage local ou « Web Storage »

De loin supérieur au fichier témoin, le stockage local est aussi compatible IE8!

Django Blais 16 décembre 2015

Consulté 17042 fois

HTML5 « Application Cache » pour créer des sites web hors ligne

Consulter votre site hors ligne, simuler une application qui fonctionne sans téléchargement.

Django Blais 14 décembre 2015

Consulté 23753 fois

HTML5 - Liste des balises

Liste des nouvelles balises, attributs et fonctionnalité HTML5 avec tableau des compatibilité.

Django Blais 11 juin 2015

Consulté 27910 fois

SEO - Microformats et microdonnées

Marginalisé, le web sémantique a depuis toujours imaginé un vocabulaire et instauré des formats, c’était avant Google!

Django Blais 19 mai 2015

Consulté 39525 fois

Ajouter votre moteur de recherche dans le navigateur

À l’aide d’un simple fichier XML et l’OpenSearch

Django Blais 21 mars 2015

Consulté 11136 fois

HTML5 : La balise Audio

Il était temp, de l’audio sans plugiciel en HTML!

Django Blais 11 janvier 2015

Consulté 17567 fois

Mort de l’élément HTML5 « hgroup »

J’espère que vous ne vous y êtes pas habitué car à peine assimilé, la balise hgroup n’est plus, retirer des spécification HTML5!

Django Blais 9 décembre 2014

Consulté 8188 fois

HTML5 : La balise Footer

Pour le document mais aussi par section. Encore une balise philosophique, oups, sémantique!

Django Blais 7 novembre 2014

Consulté 10607 fois

HTML5 : La balise Figure

Wow, 4 trente-sous pour une piastre! La belle affaire, on remplace une classe par une balise!

Django Blais 30 octobre 2014

Consulté 14720 fois

Lien vers une adresse de courrier électronique - Un mailto avec sujet, copies et message...

S’il y a quelque chose de pratique avec le Web c’est bien de pouvoir communiquer avec le propriétaire d’un site Internet. Un simple lien hypertext avec la particularité d’ouvrir le logiciel de courrier électronique du visiteur.

Django (Oznog) Blais 22 août 2001

Consulté 358497 fois

L’icône de votre site dans les favoris de IE5 - Et ajouter votre site dans les favoris.

Vous voulez que le visiteur puisse non seulement ajouter votre site dans ses favoris mais aussi avoir une icône personnalisée, rien de plus simple, il vous suffit d’ajouter l’icône dans le répertoire racine de votre site. Si vous ne pouvez avoir accès à ce répertoire vous devez indiquer au navigateur où se trouve l’icône avec la balise méta LINK.

Django (Oznog) Blais 15 décembre 2000

Consulté 28675 fois

Référence des balises HTML - Pour une référence rapide.

Ce tableau contient les balises HTML usuelles avec une courte description.

Django (Oznog) Blais 31 octobre 2000

Consulté 38714 fois

Redirection et rafraîchissement et diaporama HTML - Avec la balise méta REFRESH

La balise « REFRESH » est considérée comme une balise META (META TAG) mais elle est très particulière car elle permet de changer de page. Il y a deux façons de se servir de cette balise, soit en rafraîchissant la page soit en faisant une redirection. Comme toutes les balises META, la balise « REFRESH » doit être placée entre les balises de l’

Django (Oznog) Blais 23 octobre 2000

Consulté 37143 fois

Frame et Frameset - Les documents à l’intérieur d’un document.

L’utilisation des cadres est devenue pratiquement compatible. Il ne reste qu’un très faible pourcentage de navigateur qui ne les reconnaît pas. Quelques profs ou utilisateurs, que je respecte, qui ne font que lire des textes et qui ne viendront jamais sur votre site. Néanmoins, une bonne raison m’empêche d’utiliser encore aujourd’hui...

Django (Oznog) Blais 3 septembre 2000

Consulté 25990 fois

Structure HTML - Votre premier document HTML

Créé à l’aide d’un logiciel ou avec Notepad, un document HTML est un simple fichier texte. Ce fichier doit avoir l’extension .html ou .htm. Je vous conseille .htm pour plusieurs raisons qui serait longue à énumérer ici. Votre page d’accueil doit être index.htm ou default.htm.

Django (Oznog) Blais 9 août 2000

Consulté 15461 fois

Logiciels et Wysiwyg - Pour construire vos documents HTML

Le HTML est un langage interprété par le navigateur qui ne requière par de compilation. C’est donc dire que vous pouvez créer votre site ou vos documents HTML dans un simple éditeur. Toutes fois, vous devez faire attention car les éditeurs comme Word interprètent vaguement le HTML, ce qui cause beaucoup de problèmes.

Django (Oznog) Blais 9 août 2000

Consulté 15005 fois

Retraits et listes numérotées ou non numérotées...

Pour terminer la mise en forme du texte il y a les très pratiques balises de liste et de retrait. Pour mettre un texte en retrait ou pour énumérer des éléments avec des numéros ou bien des points. Ces balises ne peuvent être placées entre d’autres balises à part dans une table.

Django (Oznog) Blais 3 août 2000

Consulté 50025 fois

HTML5 - Les métadonnées (Metatags)

La carte qui décrit le territoire, l’information qui décrit le contenu aux moteurs de recherches.

Django (Oznog) Blais 3 août 2000

Consulté 70543 fois

Les lignes - Séparateur de paragraphe.

Ce n’est pas à proprement parlé de mise en forme du texte mais il fallait bien la placer cette balise quelque part. Pourquoi ici, eh bien parce qu’elle génère automatiquement un saut de paragraphe tout simplement. Pour tracer une ligne dans votre document vous devez utiliser la balise HR.

Django (Oznog) Blais 3 août 2000

Consulté 62320 fois

Les en-têtes - Utilisées par les moteurs de recherche.

Les en-têtes sont de la première génération des documents HTML. Principalement utilisé pour indiquer le titre et les sous-titres d’un document. Vous pouvez le faire manuellement en utilisant les balises FONT SIZE mais vous devez savoir que plusieurs moteurs de recherche utilisent encore les balises d’en-tête pour indexer les pages HTM

Django (Oznog) Blais 3 août 2000

Consulté 44610 fois

Les paragraphes - Justifier les paragraphes

Déterminer des paragraphes se fait à l’aide de la balise P. Un paragraphe est un texte qui est compris entre la balise P et la fermeture de cette balise /P. C’est une des rares balises qui ne nécessite pas de fermeture mais cela est grandement conseillé de la fermer quand même.

Django (Oznog) Blais 3 août 2000

Consulté 64631 fois

Marge du FRAMESET - Problèmes entre IE et Netscape

Pour terminer le tutoriel des FRAMESETs, il faut parler de la compatibilité entre Internet Explorer et Netscape. Et oui, encore une fois. Même si la nouvelle version 6 de Netscape est semblable à IE, il n’en reste pas moins que personne ne l’utilise en raison de son manque de stabilité.

Django (Oznog) Blais 3 août 2000

Consulté 44067 fois

FRAMESET Multiple - Un FRAMESET dans un autre FRAMESET

Bon j’ai dit dans l’introduction que nous ne pouvions définir que des FRAMESETs de colonnes ou de lignes. Les FRAMESET sont asser complexes pour les débutants, c’est pourquoi je n’ai pas parlé jusqu’ici de la possibilité de jumeler des colonnes et des lignes dans un FRAMESET.

Django (Oznog) Blais 3 août 2000

Consulté 45374 fois

Paramètres du FRAMESET - La finition de vos cadres

Maintenant il faut donner un fini à votre FRAMESET. C’est à dire indiquer l’espace autour des cadres ou une bordure et surtout si vos cadres doivent avoir une barre de défilement ou non. Les paramètres sont définis en premier lieu dans le FRAMESET puis dans chaque FRAME.

Django (Oznog) Blais 3 août 2000

Consulté 46284 fois

Définir le FRAMESET - Un FRAMESET simple en lignes ou en colonnes.

Un FRAMESET permet de définir le nombre ainsi que l’espace occupé par les cadres du document ou les FRAMES. Le principe permet seulement de découper votre document verticalement ou horizontalement. MAIS JAMAIS LES DEUX EN MÊME TEMPS.

Django (Oznog) Blais 3 août 2000

Consulté 45592 fois

Manipuler les Tables HTML - Ou comment metre en forme vos documents.

Ajouté au HTML depuis la version 3, un tableau HTML permet de disposer de façon organisée et alignée des éléments sur une page Web. Constitué de cellules ordonnées en lignes et en colonnes, le tableau est sans doute la balise HTML la plus utilisée mais aussi la plus complexe à saisir.

Django (Oznog) Blais 3 août 2000

Consulté 58988 fois

Que supportent les navigateurs - Tableaux comparatifs sur le potentiel des navigateurs

Quelle technique utiliser pour être absolument certains que le navigateur de vos visiteurs supporte votre travail. Ce n’est pas simple mais si vous savez avec quel navigateur vos visiteurs explorent votre site et à l’aide des tableaux comparatifs suivants, vous en aurez une bonne idée.

Django (Oznog) Blais 21 juin 2000

Consulté 11025 fois

Caractères barrés - Barrer un texte (maj HTML5)

Permet d’afficher une ligne au-dessus des caractères. Utilisé pour identifier un mot ou une phrase comme étant désuet. Souvent utilisé pour indiquer qu’un prix n’est plus valide.