Maison  >  Article  >  interface Web  >  Recommandations récapitulatives de base HTML (titre)

Recommandations récapitulatives de base HTML (titre)

黄舟
黄舟original
2016-12-21 16:14:451139parcourir

HTML : Titre

Le titre est défini via des balises telles que 4a249f0d628e2318394fd9b75b4636b1 - 4e9ee319e0fa4abc21ff286eeb145ecc.

4a249f0d628e2318394fd9b75b4636b1 Définit le plus grand titre. 4e9ee319e0fa4abc21ff286eeb145ecc Définit le plus petit en-tête.
4a249f0d628e2318394fd9b75b4636b1Ceci est un titre473f0a7621bec819994bb5020d29372a
c1a436a314ed609750bd7c7d319db4daCeci est un titre2e9b454fa8428549ca2e64dfac4625cd
Conseil : le navigateur ajoutera automatiquement des lignes vides avant et après le titre. h1 sert de titre principal (le plus important), suivi de h2 (le prochain plus important), puis de h3, et ainsi de suite. Astuce : Par défaut, HTML ajoutera automatiquement une ligne vierge supplémentaire avant et après les éléments de niveau bloc, tels que les paragraphes et les éléments de titre. 4a249f0d628e2318394fd9b75b4636b1 - 4e9ee319e0fa4abc21ff286eeb145ecc L'attribut align est obsolète en HTML4/5. Veuillez plutôt utiliser CSS. Le titre prend en charge les attributs d'événement et les attributs globaux

Définir l'alignement du titre :

Syntaxe CSS : efe45b0c269d71f0e0222008f96fb613

Méthode 1 :

Méthode 2 :
<!DOCTYPE html>  
<html>  
<body>  
<h1 style="text-align:center">This is heading 1</h1>  
<h2 style="text-align:left">This is heading 2</h2>  
<h3 style="text-align:right">This is heading 3</h3>  
<h4 style="text-align:justify">This is heading 4</h4>  
</body>  
</html>

<!DOCTYPE html>  
<html>  
<head>  
<style>  
h1 {text-align:center}   
h2 {text-align:left}   
h3 {text-align:right}   
</style>  
</head>  
  
<body>  
<h1>This is heading 1</h1>  
<h2>This is heading 2</h2>  
<h3>This is heading 3</h3>  
</body>  
</html>
HTML : Ligne horizontale La balise
属性值 描述
left 左对齐标题(默认值)
right 右对齐标题
center 居中对齐标题。
justify 标题有合理的边距。

231a563c997aa9e3e0ae614bd16728b0 . L'élément

hr peut être utilisé pour séparer le contenu.

e388a4556c0f65e1904146cc1a846beeCeci est un paragraphe94b3e26ee717c64999d7867364b1b4a3

231a563c997aa9e3e0ae614bd16728b0

e388a4556c0f65e1904146cc1a846beeCeci est un paragraphe94b3e26ee717c64999d7867364b1b4a3



e388a4556c0f65e1904146cc1a846beeCeci est un paragraphe94b3e26ee717c64999d7867364b1b4a3Astuce : Utiliser des lignes horizontales (balises f32b48428a809b51f04d3228cdf461fa) pour séparer les sections d'un article est une façon (mais pas la seule). HTML5 ne prend pas en charge l'attribut d'alignement f32b48428a809b51f04d3228cdf461fa Veuillez plutôt utiliser CSS.

Dans HTML 4.01, l'attribut align de f32b48428a809b51f04d3228cdf461fa L'attribut

align spécifie l'alignement de la ligne horizontale.

Remarque : L'attribut align n'aura aucun effet à moins que l'attribut width soit défini à moins de 100 %.

Syntaxe CSS (IE et Opera) : b6b08834a2c71e4c4f5c07ba37a5f4e5

Syntaxe CSS (Firefox, Chrome et Safari) : b5ad0db0aa127905cc3d041c4a9545fe

Syntaxe CSS (multi-navigateurs) : 7ddfdf383f176d5259b96af8417ef01d

attribut noshade valeurDécrire le format de la syntaxe CSSc98f903ba699f243c047ae970b8a1da0 aligner gauchecentre

droite

HTML5 n'est pas pris en charge. HTML 4.01 est obsolète. Spécifie l'alignement des éléments f32b48428a809b51f04d3228cdf461fa noshade noshade HTML5 n'est pas pris en charge. HTML 4.01 est obsolète. Spécifie que la couleur de l'élément f32b48428a809b51f04d3228cdf461fa est rendue sous forme de couleur unie. taille pixels HTML5 n'est pas pris en charge . HTML 4.01 est obsolète. Spécifie la hauteur de l'élément f32b48428a809b51f04d3228cdf461fa wid pixels
noshade属性 描述 css语法格式 83895545db9bc53c5114cd3616f0dff3 
align left
center
right
HTML5 不支持。HTML 4.01 已废弃。 规定 f32b48428a809b51f04d3228cdf461fa 元素的对齐方式
noshade noshade HTML5 不支持。HTML 4.01 已废弃。 规定 f32b48428a809b51f04d3228cdf461fa 元素的颜色呈现为纯色。
size pixels HTML5 不支持。HTML 4.01 已废弃。 规定 f32b48428a809b51f04d3228cdf461fa 元素的高度。
wid pixels
%
HTML5 不支持。HTML 4.01 已废弃。 规定 f32b48428a809b51f04d3228cdf461fa 元素的宽度。
% HTML5 n'est pas pris en charge. HTML 4.01 est obsolète. Spécifie la largeur de l'élément f32b48428a809b51f04d3228cdf461fa
<!DOCTYPE html>  
<html>  
<body>  
<p>This is some text. This is some text. This is some text.</p>  
<hr style="width:50%;text-align:left;margin-left:0">  
<p>This is some text. This is some text. This is some text.</p>  
</body>  
</html>

HTML: 注释

可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。

注释是这样写的:

cf2a8215cfeca7c74714a9990fb8e262

注释:命令行最后的两个正斜杠(//)是 JavaScript 注释符号。这确保了 JavaScript 不会执行 --> 标签。

除了在源文档中有非常明显的作用外,许多 Web 服务器也利用注释来实现文档服务端软件特有的特性。这些服务器可以扫描文档,从传统的 HTML/XHTML 注释中找到特定的字符序列,然后再根据嵌在注释中的命令采取相应的动作。这些动作可能是简单的包括其他文件中的文本(即所谓的服务器端包含,server-inside include),也可能是复杂地执行其他命令去动态生成文档的内容。

 以上就是HTML基础总结推荐(标题)的内容,更多相关内容请关注PHP中文网(www.php.cn)! 


Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn