Affichage des articles dont le libellé est HTML & CSS. Afficher tous les articles
Affichage des articles dont le libellé est HTML & CSS. Afficher tous les articles

Les liens hypertextes - HTML

Présentation des ancrages
Les liens hypertextes (ancrages) sont des éléments d'une page HTML (soulignés lorsqu'il s'agit de texte) permettant aux internautes de naviguer vers une nouvelle adresse lorsque l'on clique dessus. Ce sont les liens hypertextes qui permettent de lier des pages Web entre elles. Ils permettent notamment de naviguer :
  • vers un autre endroit du document
  • vers un fichier HTML situé à un emplacement différent sur la machine qui héberge la page
  • vers une autre machine
L'attribut principal des ancrages est href. Il s'écrit sous la forme suivante :

Tableau HTML (TABLE)

Tableaux HTML
Il est souvent utile de présenter des informations mieux structurées qu'avec des listes. Les tableaux permettent de les afficher en lignes et en colonnes. Les tableaux sont définis comme étant des suites de lignes.
Un tableau doit respecter les quelques règles suivantes :
  • Le tableau est encadré par les balises <TABLE> et </TABLE>.
  • Le titre du tableau est encadré par <CAPTION> </CAPTION>
  • Chaque ligne est encadrée par <TR> </TR> (Table Row, traduisez par ligne du tableau).
  • Les cellules d'en-tête sont encadrées par <TH> </TH> (pour Table Header : En-tête de tableau)
  • Les cellules de valeur sont encadrées par <TD> </TD> (Table Data: Donnée de tableau)

Liste HTML (UL LI - OL LI)


Liste HTML :
Une liste est un paragraphe structuré contenant une suite d'articles. Le langage HTML définit trois types de listes :
  • La liste ordonnée .

  • La liste non ordonnée .
  • La liste de définition.
OL LI : Liste ordonnée :

Paragraphes en HTML

Paragraphes :
Le langage HTML considère les paragraphes comme des blocs de texte. Les navigateurs répartissent au mieux leur contenu dans la fenêtre à moins qu'=un attribut NOWRAP ou NOBR soit spécifié explicitement.
A l'intérieur d'un paragraphe, les espaces, tabulations et retours chariot comptent pour un seul espace.

Niveaux de titres en HTML

Le langage HTML définit 6 niveaux de titre (en anglais heading), afin de définir une structuration hiérarchique des paragraphes dans un texte :
Balise

Effet Visuel
<H1>
<H2>

Les balises de style



Qu'est-ce qu'une balise de style?
Les balises de style modifient la typographie du texte. Elles peuvent être imbriquées dans d'autres balises de style de la même façon qu'on le ferait avec un traitement de texte.
Voici une liste de balises de style reconnues par la plupart des navigateurs (chacun à sa façon si bien que certains ne font pas la différence entre ces styles).
Balise de styleEffet Visuel
<ABBREV>Abréviation
<ACRONYM>Acronyme
<AU>L'auteur
<B>Met la police en gras

Caractères spéciaux HTML



Codage des caractères spéciaux
Le standard HTML demande de respecter le codage des caractères ASCII 7 bits, c'est-à-dire que les caractères accentués ne sont pas autorisés. Il faut pour cela utiliser un codage particulier.
Pour coder un caractère accentué, il suffit de saisir une combinaison précédée du caractère & et terminée par un point-virgule (;). Voici la liste représentations HTML des caractères ASCII de 128 à 255 :
CaractèreCode ISOCode HTML
"&#34;&quot;
&&#38;&amp;

Balise HTML

Balise HTML
Le HTML n'est pas un langage de programmation. Il s'agit d'un langage permettant de décrire la mise en page et la forme d'un contenu rédigé en texte simple.
Une page HTML est ainsi un simple fichier texte contenant des balises (parfois appelées marqueurs ou repères ou tags en anglais) permettant de mettre en forme le texte, les images, etc.
Comment utiliser les balises HTML ?

Structure d'un document HTML

Notion de document HTML
Une page HTML est un simple fichier contenant du texte formatté avec des balises HTML. Par convention l'extension donnée au fichier est .htm ou .html, mais une page web peut potentiellement porter n'importe quelle extension.
Une page web peut être construite à partir du plus basique des éditeurs de texte (une application bloc-note par exemple), mais il existe des éditeurs beaucoup plus évolués.

Introduction HTML

HTML - Définition
Le HTML (« HyperText Mark-Up Language ») est un langage dit de « marquage » (de « structuration » ou de « balisage ») dont le rôle est de formaliser l'écriture d'un document avec des balises de formatage. Les balises permettent d'indiquer la façon dont doit être présenté le document et les liens qu'il établit avec d'autres documents.
Langage HTML
Le langage HTML permet notamment la lecture de documents sur Internet à partir de machines différentes, grâce au protocole HTTP,