Médiaforma

All posts tagged attributs

Cliquez ici pour accéder au pack eBook+vidéos HTML5, CSS3, JavaScript

Avant d’aller plus loin dans l’utilisation du langage CSS, nous allons marquer une pause pour définir ou rappeler quelques termes techniques qui seront utilisés tout au long de cette formation.

Une balise HTML est encadrée par les caractères “<” et “>“. Elle peut comporter un ou plusieurs attributs auxquels on affecte une valeur, généralement spécifiée entre guillemets. Par exemple, cette balise <a> contient deux attributs : href et target. Le premier précise l’adresse URL du lien et le deuxième indique que la page correspondante devra s’ouvrir dans une fenêtre secondaire :

<a href="https://www.mediaforma.com" target="_blank">Mediaforma</a>

Dans une feuille de styles (interne ou externe), on redéfinit une ou plusieurs propriétés en leur affectant des valeurs. Ici par exemple, trois propriétés sont redéfinies dans la balise h1 :

  • la valeur red est affectée à la propriété color ;
  • la valeur 50px est affectée à la propriété font-size ;
  • la valeur bold est affectée à la propriété font-style :
h1
 {
 color: red;
  font-size: 50px;
  font-style: bold;
 }

Pour faciliter la lisibilité du code, chaque couple propriété/valeur est généralement placé sur une ligne qui lui est propre. Mais si vous le souhaitez, il est possible de tout rassembler sur une seule ligne :

h1 {color: red; font-size: 50px; font-style: bold; }

Lorsqu’un style est redéfini à l’intérieur d’une balise HTML, on utilise l’attribut style suivi du signe “=“. Les couples propriété/valeur sont placés entre guillemets et séparés entre eux par des “;” :

<h1 style="color: red; font-size: 50px; font-style: bold; ">Texte</h1>


Cliquez ici pour accéder à tous les sujets sur Word 2010

Après avoir sélectionné un bloc de texte quelconque, vous pouvez utiliser le groupe Police, sous l’ongle Accueil du Ruban, pour définir la police, les attributs et les effets du texte.

L’icône Effets de texte vous permet d’appliquer des effets prédéfinis sur le texte sélectionné. Tout aussi simplement que vous appliquez un attribut gras ou italique, vous pouvez choisir un effet typographique, appliquer un ombrage, un biseau, une réflexion ou encore modifier la couleur, la taille et la transparence de la lumière.

Pour définir des paramètres additionnels, cliquez sur la petite icône affichée en bas et à droite du groupe Police. Cette action déclenche l’affichage de la boîte de dialogue Police. Sous l’onglet Police, style et attributs, vous pouvez choisir un style de soulignement ainsi que divers effets qui sont immédiatement prévisualisés dans la zone Aperçu.

Sous l’onglet Paramètres avancés, vous pouvez modifier l’espacement entre les caractères et choisir la position du texte sur la ligne.