Tout comme un article, nos pages Web doivent également avoir des paragraphes et des titres clairs de différents degrés d'importance. Cette section introduira des signatures communes dans XHTML qui implémentent des titres, des paragraphes et d'autres fonctions.
Pour définir le titre, nous pouvons utiliser les balises de <h1> à <h6>. Les balises de terminaison correspondantes sont respectivement </h1> à </h6>, où l'ordre de taille de la police de <h1> à <h6> est réduit et l'importance est progressivement réduite. Le navigateur libérera automatiquement une ligne au-dessus et en dessous du titre.
La définition d'un paragraphe utilise <p> et </p>, et le contenu entre <p> et </p> sera reconnu comme un paragraphe, qui est similaire à ce que nous appelons généralement un paragraphe. Semblable au titre, le navigateur ajoutera également une ligne d'espace vide avant et après le début du paragraphe.
Lorsque nous pensons à écrire une autre ligne mais ne voulons pas un autre paragraphe, nous pouvons appliquer la balise. <br> La balise est également une balise vide, et une / doit être ajoutée pour répondre aux exigences de XHTML.
L'étiquette qui réalise la ligne de division horizontale est <hr />. Comme la balise <br>, <hr> est également une balise vide. Afin de se conformer aux règles de XHTML, a / doit être ajouté. (Ce qui suit est une ligne de démarcation)
Une utilisation raisonnable des quatre balises introduites ci-dessus peut faire en sorte que les utilisateurs parcourent votre page Web estime que la page Web est claire, tandis que les commentaires peuvent vous faire sentir que la page Web est claire lors de la lecture du code source de votre page Web afin que vous ne soyez pas confus. La chose entre <! - et -> est le contenu des commentaires, et ils ne seront pas affichés sur la page Web. Voyez comment nous insérons les commentaires dans l'exemple d'exercice ci-dessous.
Ouvrez maintenant la page Web que nous avons enregistrée dans la section précédente et pratiquez les balises importantes que nous avons apprises dans cette section. Soit le <body> </ body> ma première page Web <b> </b>. Supprimer et saisir ce qui suit:
| <h1> Annonce de service </h1> <! - Pratiquez l'utilisation du titre et voyez si la taille de la police est devenue plus grande? -> <hr /> <! - ligne de division horizontale, n'oubliez pas que / -> <h2> Je fournis maintenant les services suivants aux élèves et aux parents des écoles primaires à travers le pays: </h2> <! - Titre n ° 2, voir si la taille de la police est plus petite que le titre n ° 1 -> <h3> Services pour les étudiants </h3> <p> Écrire des devoirs d'hiver et d'été (les mathématiques ne garantissent pas qu'il n'y a pas de mauvaises questions, le chinois ne garantit pas qu'il n'y a pas de mauvais mots, de devoirs en anglais, veuillez trouver quelqu'un d'autre) <Br /> Pour aider à intimider les élèves en vertu de la quatrième année, des frais de sport spéciaux doivent être facturés. <Br /> Les parents aideront à faire semblant d'être des parents. </p> <! - Le contenu ci-dessus est un paragraphe ->> <h3> Service VIP </H3> <p> Quiconque achète les trois services sera automatiquement mis à niveau vers VIP. Nous créerons gratuitement une page d'accueil personnelle pour vous, qui est entièrement conforme à la norme XHTML de W3C et ISO2009 ~. </p> <! - Bien que les pages Web ici soient assez distinctes, pensez-vous que l'interface est vraiment laide et simple? Par exemple, il n'y a pas d'écart entre les lignes, le titre numéro un Trop grand. La méthode de définition de l'apparence d'une page Web sera décrite plus loin dans le didacticiel CSS. J'ai oublié de parler du contenu principal, les commentaires n'apparaîtront pas sur la page Web, alors Nous pouvons faire beaucoup de bêtises ici. Cependant, essayez d'écrire des commentaires rapides dans le processus futur de la conception de pages Web. -> |