| maison  | Hardware  | réseaux  | programmation  | Logiciel  | Dépannage  | systèmes |  
programmation  
  • C /C + + Programming

  • Computer Programming Languages

  • Delphi Programming

  • Programmation Java

  • Programmation JavaScript

  • PHP /MySQL Programmation

  • programmation Perl

  • Programmation Python

  • Ruby Programming

  • Visual Basics programmation
  •  
    Connaissances Informatiques >> programmation >> Computer Programming Languages >> Content
    Comment formater les pages Web en utilisant ma feuille de style
    feuilles de style en cascade fournissent un mécanisme pour ajouter des styles de pages web et de séparation pages sémantique de présentation du contenu de la page . CSS a été initialement développé pour résoudre les problèmes introduits par l'inclusion des informations de style dans les balises HTML , une pratique qui a conduit à du code HTML ingérable et coûteuse. Les feuilles de style offrent aux développeurs la possibilité de style de l'apparence des pages Web d'une manière cohérente et extensible tout en se réservant des balises HTML pour la description du contenu lui-même . Choses que vous devez
    texte éditeur
    navigateur Web
    Voir Plus Instructions
    Comment formater les pages Web en utilisant une feuille de style externe
    1

    Ouvrez un texte rédacteur en chef et créer un nouveau fichier. Nommez le mystylesheet.css de fichiers.
    2

    Modifier mystylesheet.css . Ajouter un style au fichier couleurs balises "

    " utilisés dans n'importe quelle page Web qui fait référence à mystylesheet.css rouge. Enregistrer et fermer mystylesheet.css

    p

    {

    color: red; }


    3 < p. > Retour à l'éditeur de texte , et de créer un nouveau fichier. Nommez le fichier useExternal.html et l'enregistrer dans le même emplacement que mystylesheet.css .
    4

    Modifier useExternal.html . Ajoutez un peu de HTML pour le fichier qui contient un fichier HTML ouvert " " tag , une étiquette ouverte HTML " " , un proche HTML " " tag , un " HTML ouvert "tag , un proche HTML" "tag et un proche HTML" "
    5

    continuer l'édition useExternal.html . Ajouter un lien vers mystylesheet.css dans la section " " du fichier. Réglez la valeur "href " à " mystylesheet.css ", la valeur "rel " à " text /stylesheet" et la valeur "type" à "text /css" .



    href="myStylesheet.css"

    < br >

    Photos


    6

    Continuer édition useExternal.html . Ajouter un "

    " tag d'en-tête HTML pour le fichier dans la section " body " , définissez l'en-tête au texte " En-tête " et fermer la "

    " tag .
    < p>


    href="myStylesheet.css"
    < p> < /head> Photos


    tête texte

    Photos

    Photos


    7

    continuer l'édition useExternal.html . Ajouter un "

    " balise de paragraphe HTML dans le fichier suivant le tag "

    " , définir le texte de paragraphe "Paragraphe de texte" et fermer la "< /p>" tag . Enregistrer et fermer useExternal.html .



    " mystylesheet.css " "stylesheet " = "text /css" > Photos

    Photos


    tête texte

    Photos

    paragraphe texte

    Photos

    Photos


    8

    Ouvert useExternal.html dans un navigateur Web . Vérifiez que le texte placé à l'intérieur du "

    " et "< /p >" balises est de couleur rouge.
    Comment formater une page Web en utilisant une feuille de style interne

    9

    Ouvrez un éditeur de texte et créez un nouveau fichier nommé useInternal.html . Ajoutez un peu de HTML pour le fichier qui contient un fichier HTML ouvert " " tag , une étiquette ouverte HTML " " , un proche HTML " " tag , un " HTML ouvert "tag , un proche HTML" " étiquette, et un proche HTML" "
    10

    continuer l'édition useInternal.html . Ajouter un style entre le " " et "< /head> " tags que les couleurs tout texte qui utilise le "

    " tag bleu.


    < p>

    < Style
    11

    continuer l'édition useInternal.html . Ajouter un "

    " tag d'en-tête HTML dans la section " body " du fichier et définir le texte d'en-tête " En-tête " . Fermez la fenêtre "

    " tag .



    < Style Texte Photos

    Photos


    12

    continuer l'édition useInternal.html . Ajouter un "

    " balise de paragraphe HTML dans le fichier suivant le tag "

    " et définir le texte de paragraphe "Paragraphe de texte» . Fermez la fenêtre "

    " tag et enregistrez et fermez useInternal.html .



    < Style Texte

    Photos

    Paragraphe texte

    Photos

    Photos


    13

    useInternal.html ouverte dans un navigateur Web . Vérifiez que le texte placé à l'intérieur du "

    " et "< /p>" balises est de couleur bleue.
    Comment formater une page Web en utilisant une feuille de style Inline

    14

    Ouvrez un éditeur de texte et créez un nouveau fichier nommé useInline.html . Ajoutez un peu de HTML pour le fichier qui contient un fichier HTML ouvert " " tag , une étiquette ouverte HTML " " , un proche HTML " " tag , un " HTML ouvert "tag , un proche HTML" " étiquette, et un proche HTML" "
    15

    continuer l'édition useInline.html . Ajouter un "

    " tag d'en-tête HTML dans la section " body " du fichier , définissez l'en-tête au texte " En-tête " et fermer la "

    " tag .
    < p>

    Photos


    tête texte

    Photos

    Photos


    16

    Continuer édition useInline.html . Ajouter un "

    " balise de paragraphe HTML dans le fichier suivant le tag "

    " , définir le texte de paragraphe "Paragraphe de texte" et fermez le tag "

    " .


    Photos


    tête texte

    Photos

    paragraphe texte

    Photos

    Photos


    17

    continuer l'édition useInline.html . Modifier le "

    " balise de paragraphe et ajouter un paramètre "style" que les couleurs de texte qui utilise le "

    " vert tag .


    < ; head> Photos


    tête texte

    Photos

    < p style = " color: green; " > Paragraphe texte

    Photos

    Photos


    18

    Ouvert useInline.html dans un navigateur web. Vérifiez que le texte placé à l'intérieur du "

    " et " < /p>" balises de couleur verte .

    Previous :

    next :
      articles connexes
    ·Comment utiliser une carte contrôleur RAID en DOS 
    ·Comment écrire un script de configuration automatique 
    ·Comment les boucles infinies peuvent être créés 
    ·Comment encourager les bonnes pratiques de codage des d…
    ·Comment créer un passe-bas utilisant Filter2 dans MATL…
    ·Comment faire pour intégrer Lecteurs de musique 
    ·Comment écrire un rapport OEM 
    ·Comment désactiver Icône génération dans EMF 
    ·Comment faire votre propre MUD jeu 
    ·Comment construire une boîte flottant 
      articles en vedette
    ·Comment interpréter une chaîne comme un booléen en P…
    ·Comment créer un site web d'abonnement avec Dreamweave…
    ·Comment obtenir un flux au format XML API 
    ·Comment fermer un tracé Android 
    ·Comment inclure une PerlScript dans un document HTML 
    ·PHP et Performance ternaire 
    ·Comment utiliser la fonction principale en C + + 
    ·Comment supprimer un fichier dans Visual Basic 
    ·Comment ajouter un éclat à l'indice de Katta 
    ·Python Scripts et Programmes 
    Copyright © Connaissances Informatiques http://fr.wingwit.com