Comment centrer ma page web

<

Contenu

  • Conseils & avertissements
    • article data-type="article">

    Le HyperText Markup Language (HTML) est idéal pour la pose de la structure d`une page web, mais si vous voulez ajouter un peu de style à cette disposition, tôt ou tard vous allez vous retrouver embrasser la puissance et l`élégance de Cascading Style Sheets (CSS). CSS vous permettra de coiffer tout ce que vous pouvez imaginer dans une page Web - et il est souvent beaucoup plus facile que vous le pensez. Avec CSS, le centrage d`une page Web entière peut être accompli avec seulement quelques lignes de code.

    Choses que vous devez

    • Texte ou éditeur HTML

    • Ouvrez votre page Web dans un éditeur de texte ou un éditeur de page web qui vous permet d`éditer directement le code HTML.

    • Placez le corps de votre page dans une balise DIV. Étant donné que le but est de centrer la page Web entière, ce devrait être à peu près tout dans la balise BODY. Placer le

      tag immédiatement après la tag et de mettre la fermeture
      marquer juste avant la balise de fermeture.

    • Donner la

      marquer une pièce d`identité afin que les informations de style peut être assigné. Cet article va supposer qu`il est appelé "page," de sorte que votre code doit être quelque chose comme:
      .




    • Créer un lien vers le fichier CSS contenant les instructions de style pour la page. Ne vous inquiétez pas si vous n`avez pas encore un fichier CSS. Vous aurez la chance à l`étape suivante.

      Dans la section HTML HEAD (entre le et tags), ajouter un lien vers votre feuille de style en utilisant . Assurez-vous que les points href à l`emplacement approprié et le nom de votre feuille de style. Vous pouvez également utiliser une URL complète ici si vous voulez être très précis.

    • Créer une feuille de style (CSS) fichier si vous ne possédez pas déjà celui que vous utilisez pour cette page. Ceci est rien de plus qu`un simple fichier texte et vous pouvez nommer ce que vous voulez, mais il est recommandé que vous lui donnez une extension .css. Le nom du fichier doit correspondre à l`emplacement de la feuille de style que vous mettez dans la section HEAD de votre page Web.

    • Ouvrez votre fichier CSS et définir le style de l`ID DIV autour de votre contenu. Si l`ID de la balise DIV est "page," puis votre code ressemblerait à:

      la page {

      margin-left: auto
      ALLER
      margin-right: auto
      ALLER
      }

      Si vous voulez spécifier les marges supérieure et inférieure, aussi, alors vous pouvez raccourcir encore plus loin en utilisant ce qui suit:

      la page {

      margin: 0 auto 0 auto
      ALLER
      }

      Cela vous donne une marge supérieure de 0px, la marge droite de "auto," marge inférieure de 0px et de la marge gauche de "auto" respectivement.

    • Enregistrez le fichier et puis recharger la page dans votre navigateur pour confirmer qu`il est centré. Si les choses ne sont pas centrés correctement, assurez-vous que tout ce que vous voulez centré est enfermé dans les balises DIV vous avez créés précédemment et que le lien vers votre feuille de style est orienté vers le bon endroit.

    Conseils & Avertissements

    • Bien qu`il soit tout à fait acceptable de mettre les informations de style CSS directement dans le code HTML de la page, vous trouverez beaucoup plus efficace de conserver les données dans un fichier séparé qui vous permet non seulement de se concentrer sur le style et HTML séparément, mais réutiliser aussi les informations de style sur plusieurs pages sans avoir à recréer chaque fois.
    Technologie / Web design & développement / Création de sites web

    AUTRES

    Comment créer des liens web фото

    Comment créer des liens web

    Les liens Internet, également appelés hyperliens, sont utilisés comme outils de navigation avec dans une page Web.…

    » » » » Comment centrer ma page web