Maison > interface Web > tutoriel HTML > le corps du texte

Recommandations récapitulatives de base HTML (titre)

黄舟
Libérer: 2016-12-21 16:14:45
original
1138 Les gens l'ont consulté

HTML : Titre

Le titre est défini via des balises telles que

-

.

Définit le plus grand titre.

Définit le plus petit en-tête.

Ceci est un titre


Ceci est un titre


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.

-

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 :

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>
Copier après la connexion

<!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>
Copier après la connexion
HTML : Ligne horizontale La balise
属性值描述
left左对齐标题(默认值)
right右对齐标题
center居中对齐标题。
justify标题有合理的边距。


. L'élément

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

Ceci est un paragraphe


Ceci est un paragraphe




Ceci est un paragraphe

Astuce : Utiliser des lignes horizontales (balises
) 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
Veuillez plutôt utiliser CSS.

Dans HTML 4.01, l'attribut align de


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) :


Syntaxe CSS (Firefox, Chrome et Safari) :


Syntaxe CSS (multi-navigateurs) :


< table width="-460">attribut noshade < td width="209" valign="top" style="word-break: break-all;">valeurDécrire le format de la syntaxe CSS alignergauche

centre

droite HTML5 n'est pas pris en charge. HTML 4.01 est obsolète. Spécifie l'alignement des éléments


noshade noshadeHTML5 n'est pas pris en charge. HTML 4.01 est obsolète. Spécifie que la couleur de l'élément
est rendue sous forme de couleur unie. taillepixelsHTML5 n'est pas pris en charge . HTML 4.01 est obsolète. Spécifie la hauteur de l'élément
widpixels
noshade属性描述 css语法格式
alignleft
center
right
HTML5 不支持。HTML 4.01 已废弃。 规定
元素的对齐方式
noshadenoshadeHTML5 不支持。HTML 4.01 已废弃。 规定
元素的颜色呈现为纯色。
sizepixelsHTML5 不支持。HTML 4.01 已废弃。 规定
元素的高度。
widpixels
%
HTML5 不支持。HTML 4.01 已废弃。 规定
元素的宽度。
% HTML5 n'est pas pris en charge. HTML 4.01 est obsolète. Spécifie la largeur de l'élément

<!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>
Copier après la connexion

HTML: 注释

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

注释是这样写的:

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

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

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


Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal