Logo du site webpotentiel.com 3.4 Campagne 3 Offre Zen 468-60

La balise Style - HTML

Présentation de la balise Style

En HTML, le rôle de la balise Style consiste à déterminer les différentes règles de style qui vont pouvoir être appliquées sur la page HTML. On dira qu'il s'agit ici d’une feuille de styles interne au document.

Néanmoins dans la pratique, il est préférable de ne pas utiliser la balise Style. En effet, il est recommandé d'externaliser la feuille de style en utilisant la balise Link afin de gérer plus facilement les différents styles des pages du site.

Fonctionnement de la balise Style

La balise Style est utilisée se place entre les balises <head> et </head>. Ensuite, on s'appuira sur le langage CSS pour déterminer les différents styles à utiliser sur la page web.

Exemple 1 (langage html) :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<html>
  <head>
    <style>
      
      body
      {
      margin-top: 15px;
      margin-bottom: 15px;
      width: 850px;
      margin-left: auto;
      margin-right: auto;  
      }
      
      p
      {
      padding-left: 18px;
      padding-right: 18px;
      }
      
      a
      {
      color: blue;
      text-decoration: none;
      outline: none;
      }
    </style>
  </head>
  <body>
  ...
  </body>
</html>

On peut également noter que la balise Style peut permettre l'importation des règles de styles provenant d'une feuille de styles externe.

Exemple 2 (langage html) :

1
2
3
4
5
6
7
<html>
  <head>
    <style type="text/css">
      @import url(http://www.webpotentiel.com/design.css)
    </style>
  </head>
</html>

Dernière remarque : Il faut penser à ne pas confondre la balise Style avec l’attribut "style" qui s'utilisé avec des éléments dans le corps de la page HTML pour déterminer des styles intra-ligne.

Exemple 3 (langage html) :

1
2
<div id="remarque" style ="margin-left: 40px; font-size:19pt;
color: blue">Remarque concernant l'attribut "style".</div>


Nouveau forum du site!
Voir - S'inscrire


Partager / Evaluer cette page web :

Page Référence : Liste des balises HTML

Articles Forum Tags


Commentaires (0)
Ajouter un commentaire :
Prénom* :
Email* :
Site web (mettre http://) :
Message* :
Code anti-spam Code de vérification
Code affiché ?*

Définition : les champs marqués * sont obligatoires.


Haut de page

Les articles du site vous permettent de trouver de l'info gratuit, des news, actu, définition, image et vidéo internet. Ces articles traitent de nombreux domaines (thème actuel: Langage de Site) comme le web (google, yahoo, email, navigateur, etc.), le référencement de sites web (annuaire, moteur de recherche), le langage web (html, css, php..), mais aussi la santé, l'affiliation, l'argent (gagner, economiser), les sciences, les jeux vidéo et bien d'autres encore. Vous pouvez rechercher des articles à l'aide du moteur de recherche interne du site en rentrant des mots clés (exemple avec "La balise Style - HTML"). Par ailleurs, le Forum du site permet de trouver des solutions et réponses à toute question ou problème rencontré et l'Annuaire de Référencement permet de référencer votre site web, blog, annuaire ou forum pour des résultats efficaces et un meilleur positionnement. Pour toute demande particulière, utilisez la rubrique Contact du site.



Copyright 2011 "www.webpotentiel.com", tous droits reservés
Contact - Plan du site