HTML définit <h1> </h1> à <h6> </h6> six balises <h>, qui sont utilisées pour le titre (cap) des polices de différentes tailles, respectivement. La police est du grand au petit, <h1> le plus grand et <h6> le plus petit.
Les étiquettes de rubrique doivent noter: a. Étant donné que l'étiquette d'en-tête est un élément de niveau de bloc, par défaut, HTML ajoutera automatiquement une ligne vide supplémentaire (<br/>) avant et après les éléments de niveau de bloc. b. Étant donné que la balise d'en-tête est très conviviale pour le référencement, les moteurs de recherche utilisent l'index de compilation de titre et de contenu en utilisant le titre de votre site Web, et les utilisateurs peuvent rapidement parcourir vos pages Web via le titre, il est donc important de présenter la structure du document avec le titre . <h1> doit être utilisé comme titre principal (le plus important), suivi de <h2> (secondaire), puis <h3>, et ainsi de suite.
<! - <h> Les balises sont des paramètres. </h3> <h4> Chine quatre </h4> <h5> Chine cinq </h5> <h6> Chine 6 </H6>
L'effet est comme indiqué ci-dessous, la taille de la police est de grande à petite:
2. Changez <br/>, ne changez pas <nobr> </brb> et segments <p> </p>En ce qui concerne la différence entre la modification des étiquettes dans HTML <br/> et les étiquettes segmentées <p> </p> est que l'étiquette de trading <br/> est juste entre, <p> </p> est un segment. Parce que l'étiquette <p> est un élément de niveau de bloc, il aura un blanc relativement grand avant et après (ajout automatique <br/>), et l'étiquette est un élément de ligne. et après. Il y a une étiquette <br/> Label <noBr> </Nobr>, ce qui signifie qu'il n'est pas modifié et est généralement utilisé pour empêcher le navigateur de modifier automatiquement la ligne où le code du programme n'a pas besoin d'être modifié.
<! - Changement et segments: -> <p> C'est le premier <r /> <! --- Changement-> Utilisez l'étiquette de changement <br /> Veuillez voir l'effet <r /> Il est facile de comprendre < / p> <p> Il s'agit du deuxième paragraphe </p> <! - Divide -Stidal Change-> int i = 0, j = 10;3. Tag horizontale <hr />
<hr /> Créez une ligne horizontale sur la page HTML. C'est une façon d'utiliser la ligne horizontale (<hr> balise) pour séparer les sections de l'article. Les balises <hr /> peuvent définir la largeur de largeur et une hauteur élevée, et ces deux attributs ont des pixels et en pourcentage d'exposants, respectivement. De plus, les balises <hr /> incluent les attributs de taille (épaisseur), de couleur (couleur) et de noshade (Shadowless).
<! / 1999 / xhtml> <éadfr> <Title> </ title> </ head> <body> <hr size = 5 color = # ff0000 /> <! -Les attributs de largeur sont de 60px-> <hr width = 60% /> <! - La largeur est 60% -> <hr size = 10 / <! - La taille est 10px-> <hr size = 10% /> <! - Taille est 10% -> <! - Alignez les attributs, avec les valeurs de gauche, de droite et de centre ---, respectivement> <hr width = 20% align = gauche /> <hr width = 20% align = droite / > <hr width = 20% align = Center /> <hr color = # ff0000 /> <! - Attribut noshade, paramètres sans effet d'ombre-> <hr noshade = noshade /> </ body> </html>4. Tag de mise en forme du texte
<! - Étiquettes de format de texte commun-> <FECTAL> Blog Park </senter> Affichage <b> Bonjour, Monde! </b> Corps épais, balises <strong> recommandées. <i> Cramper </i> CANDID. <u> Je suis une étiquette de ligne vers le bas </u> avec la ligne. <em> soulignez que le corps oblique </em> <sub> 2 </b> est réglé, tel que: h <sub> 2 </b> o <p> 2 </b> 2 </b> < ! -Set la taille de la police peut être divisée en taille de police absolue et en taille relative. <! -La valeur de la police absolue est la valeur de la taille de 1-7-> <! - Couleur (réglez la couleur) taille (1-7). -> <! - Les attributs de visage sont utilisés pour définir des polices-> <font> </font> étiquette de police, <Font Color = Red size = 7 face = lisu> rouge </font>5. Étiquette pré -format <pre>
<pre> étiquette pré-formattée, gardez le contenu de l'affichage de la page Web. Il peut être utilisé pour un affichage de contenu spécial, ou il peut également être utilisé pour afficher le code source de la programmation informatique (comme le code source du jardin du blog est affiché par la balise <pre>).
<p> Affichage de la pré-étiquette quelques espoirs spéciaux de l'affichage original: </p> <pre> Je suis un bon garçon, je l'aime ah ah ah ah, c'est une balise pré-format ____ (. / / | / / / / / / | ___ (/ - /) __ / (..) ._.6. <Marquee> </ Marquee> Étiquette
<Marquee> </ Marquee> Tags pour dire au navigateur d'afficher le texte et les images d'entre eux.
<div> <! - Étiquette de marquee Soutien de certains navigateurs: c'est-à-dire ff-> <! - Attributs de direction: la direction de mouvement du contenu spécifié, la valeur de la valeur est gauche, droite, haut et bas-> <! - -Dehavior Attribut: Spécifiez le comportement de l'étiquette, la valeur de la valeur est le défilement, l'alternative et la diapositive-> <marquee direction = gauche Scrollay = comportement = alternative> Bonjour à tous, veuillez venir à ma page d'accueil! ...... </ Marquee> </div>7. Autres étiquettes de format.
<! / 1999 / xhtml> <éad- head> <itle> </ title> </ head> <body> <! - <bbr> Afficher l'abréviation! - <cronym> Afficher l'abréviation d'une phrase: -> <Ceronyme <! - <<! - < Blockquote> Définissez les références du texte long: -> <Chockquote> <p> Au-delà de deux ou trois jours, les meilleures prévisions du monde sont spéculates et au-delà de six ou sept, elles sont sans valeur. ! - <adress> Adresse, signature, informations sur les informations de document, etc. L'ordre de l'affichage texte par l'étiquette via l'attribut DIR: -> <bdo dir = ltr> nœud d'alimentation </bdo> <! - LTR: gauche à droite, de gauche à droite-> <bdo dirr = rtl> nœuds de puissance </bdo> <br/> <! - RTL: de droite à gauche, de droite à gauche-> </body> </html>2. Liste HTML
<! / xhtml> <adref> <tapie> </ title> </ head> <body> <b> HTML LISTE: </b> <br/> <hr size = 5 color = # ff0000; /> <br /> <! - Premièrement, la liste des séquences (UL: Liste non ordonnée) -> <Font Taille = + Color = # FF FACE = KAITA CHINISIQUE> I. Banana </li> <li> Apple </li> <li> Orange </li> </ul>. > -> <ul type = cercle> <li> banane </li> <li> Apple </li> <li> orange </li> </ul> <ul type = carré> <li> banane </li > <li> Apple </li> <li> orange </li> </ul> 3. Utilisation mixte des valeurs d'attribut, mettant l'accent sur le rôle: <br/> <ul type = Circle> <li> Banana </li > <li type = disque> Apple </li> <li> Orange </li> </ul> <! - Deuxièmement, une liste ordonnée (OL, liste commandée) -> <Font Size = +1 Color = # 00FF00 Face = Chinese Kaita> II. </l> 2. Utilisez des attributs de type: <la /> <ol type = i> <li> Basketball </li> <li> Volleyball </li> <li> Football </li> </l> <ol type = a> <li> Basketball </li> <li> Volleyball </li> <li> Football </li> </l> 3. Le numéro avant de l'article de la liste: <br /> <lockquote> A . Football </li> </l> B. <FONT COLOR = # FFFF> VLAUe </font> Entraînez-vous séparément: <br/> <om> <li> Basketball </ </li> <li valeur = 5> Volleyball </li> <li> Football </li> </l> C. <Font Color = # FFFF> Démarrer, valeur </font> Utilisation conjointe: <br/> <ol start = 8> <li> Basketball < / li> <li valeur = 15> Volleyball </li> <li> Football </li> </l> </lockquote> <Font Size = + 1 Color = # 00FF00 FACE = PatternS '> III. </font> <br /> 1. Dans la liste des séquences, liste sans nation: <br /> <ul> <li> Boissons </li </li </li </li> <li> Fruit <ul> < li> banane </li> <li> pomme </li> <li> orange </li> </li> <li> Vegetable </li> <li> thé </li> </ul> 2. Liste série dans la liste non sériale: <br/> <ul> <li> Boissons </li> <li> Fruit <l> <li> banane </li> <li> Apple </li> <li> Orange </li> </l> </li> <li> Vegetable </li> <li> thé </li> </ul> 3. Ordre dans la liste, la liste des séquences est définie: <br/> <l> <li> boisson </li> <li> Fruit <l> <li> banane </li> <li> Apple </li> <li> Orange </li> </l> </li> <li> Vegetable </li> <li> thé </li> </l> 4 .. ol> <li> Brinks </li> <li> Fruit <ul> <li> banane </li> <li > Apple </li> <li> orange </li> </ul> </li> <li> Légumes </li> <li> Thé </li> </l> 5. nids multi-niveaux des Liste: <la /> <li> boisson </li> <li> Fruit <ul> <li> banane </li> <li> Apple <ul> <li> Il est produit au Brésil </li> <li > Il est produit en Chine </li> </ul> </li> <li> Orange </li </li> </ul> </li> <li> Vegetable </li> <li> thé < / li> </l> <! - Troisième, définir la liste (DL, Liste de définition) -> <Font Size = + 1 Color = # 00FF00> IV. : <br /> <! - <dl> <d> Le premier élément de titre </dt> </dt> </dt> </dt> </dt> DD> Interprétation du premier élément de titre </dd> <dt> Le deuxième élément de titre </dt> <dd> Interprétation du deuxième élément de titre </dd> </dl> parmi eux: <dl> pour identifier le début de la liste; de la liste de définition; <DD> pour identifier le texte d'interprétation de l'élément de tableau dans l'élément de liste. -> <dl> <! - DT: Terme de définition (terme de définition) Définissez le titre de Beijing-> <dt> Beijing </dt> <! - DD: Explication de la définition du titre de Beijing-> <dd> Centre politique en Chine </dd> <dt> shanghai </dt> <d> Centre économique chinois </dd> <dt> Shenzhen </dt> <dd> le premier plan de la réforme de la Chine et ouvrant </dd> </dl> < / corps> </html>
De nombreuses étiquettes peuvent être utilisées pour modifier l'apparence du texte et associer leur signification cachée pour le texte. En général, ces balises peuvent être divisées en deux catégories: style basé sur le contenu et style physique.
1. Style basé sur le contenu
Les balises de style basées sur le contenu indiquent au navigateur que le texte qu'il contient a une signification, un contexte ou une utilisation spécifique. Ensuite, le navigateur appliquera le format du sens, du contexte ou de l'utilisation au texte. Notez que le contenu de l'étiquette basée sur le contenu donne le sens, et non le formatage. Par conséquent, ils sont très importants pour le traitement automatique; les ordinateurs ne se soucient pas de l'apparence du document.
Étant donné que le style de police est spécifié par des indices sémantiques, le navigateur peut choisir un style d'affichage approprié pour les utilisateurs. En raison des différents styles d'emplacements différents, l'utilisation de styles basés sur du contenu peut vous aider à vous assurer que votre documentation est significative pour les lecteurs dans une large gamme. Ceci est particulièrement important sur le navigateur utilisé par les aveugles et les handicapés, car leurs options d'affichage peuvent être fondamentalement différentes de notre texte traditionnel, ou ils ont de très grandes limites à certains aspects.
Les normes HTML et XHTML actuelles ne définissent pas un format pour chaque étiquette basée sur le contenu; Les normes ne nécessitent même pas que ces styles basés sur le contenu soient affichés de différentes manières. Dans les applications pratiques, vous pouvez constater que beaucoup de ces étiquettes ont une relation très évidente avec l'impression traditionnelle.
Lorsque vous utilisez des balises de style basées sur HTML / XHTML, vous devez suivre certaines règles, car simplement réfléchir à la façon dont le texte doit être affiché, et il est très facile de savoir quelle est la signification de ces textes. Une fois que vous commencez à utiliser des styles basés sur le contenu, le document sera plus cohérent et peut mieux aider à exécuter la recherche automatique et l'édition de contenu. Ces balises sont:
<bbr> <cronym> <cite> <code> <dfn> <em> <Kbd> <samp> <strong> <var>
2. Style physique
Lorsque vous discutez des étiquettes de style basées sur le contenu, nous utilisons souvent le mot intention. En effet, le sens véhiculé par l'étiquette est plus important que le navigateur affichant du texte. Cependant, dans certains cas, il peut être considéré pour des raisons de légitimité ou de droit d'auteur. Dans ce cas, vous pouvez utiliser des styles physiques pour le texte.
Bien que la tendance des autres systèmes de traitement de texte soit de contrôler avec précision les styles et l'apparence, lorsque vous utilisez HTML ou XHTML, les étiquettes physiques doivent être évitées à moins qu'il y ait très peu de cas. Nous devons fournir des informations de contexte au navigateur autant que possible et utiliser des styles basés sur du contenu. Bien que le navigateur affiche maintenant ces textes par des caractères obliques ou épais, le futur navigateur et divers outils de génération de documents peuvent utiliser ces styles basés sur du contenu d'une manière très créative.
Les normes HTML / XHTML actuelles fournissent un total de 9 styles physiques, notamment audacieux, en italique, monospace, souligné, en strikethrough, plus grand) et un rétrécissement. Ces balises sont:
<b> <big> <i> <s> <small>
Ce qui précède est l'étiquette de format commune qui vous a été présentée. Merci beaucoup pour votre soutien pour le site Web VEVB Wulin!