HTML(2)—标题、段落及样式

最新推荐文章于 2024-04-12 21:34:27 发布

codemyfuture_wj

最新推荐文章于 2024-04-12 21:34:27 发布

阅读量1k

点赞数

分类专栏： HTML基础

本文链接：https://blog.csdn.net/Abcapathy/article/details/104263823

版权

HTML基础专栏收录该内容

5 篇文章 0 订阅

订阅专栏

HTML标题

关于标题：

标题（Heading）通过<h1>-<h6>等标签定义。
其中<h1>定义最大的标题，而<h6>定义最小的标题。
浏览器会自动在标题前后添加空行。

关于标题的使用：
一般将h1用作最重要的主标题，其后是h2（次重要），以此类推。

HTML水平线：
<hr />（或<hr/>）标签在HTML页面中创建水平线，可用于分隔内容。

HTML注释：

<!-- Comment -->

作为注释插入HTML代码中能提高可读性，让代码更容易被人理解。

HTML段落

段落通过<p>标签定义。
浏览器会自动在段落的前后添加空行。

关于折行：
如果想要换行，使用<br />标签会是一个好的办法。
<br />元素是一个空的HTML元素。由于关闭标签没有任何意义，所以它没有结束标签。
理论上使用<br>也是可以的，它等同于<br />。但是在某些版本中不允许使用没有结束标签的HTML元素，所以建议使用<br />。

关于HTML输出：
在HTML代码中，连续的空行或空格都会被视作一个空格。浏览器在显示时会自动省略多余的空格。

HTML样式

style属性用于更改HTML元素的样式。
由于一些标签在未来的HTML版本中会被淘汰，因此推荐使用style来代替它们：
在这里插入图片描述
HTML样式之背景颜色：
background-color属性用于定义元素的背景颜色。
例：

	<html>
	<body style="background-color:yellow">
	<h6 style="background-color:red">Heading</h6>
	<p style="background-color:green">Paragraph</p>
	</body>
	</style>

以上分别改变了<body>、<h6>、<p>元素的背景颜色。

HTML样式之字体、颜色和尺寸：
font-family、color以及font-size属性分别定义元素中文本的字体系列、颜色和字体尺寸。
例：

	<html>
	<body>
	<h1 style="font-family:verdana">Heading</h1>
	<p style="font-family:arial;color:red;font-size:20px;">Heading</p>
	</body>
	</html>

font-family——字体的名称序列
color——字体颜色
font-size——字体大小

HTML样式之文本对齐：

text-align定义元素中文本的水平对齐方式。
例：

<html>
<body>
<h1 style="text-align:center">Heading</h1>
</body>
</html>

codemyfuture_wj

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML(2)—标题、段落及样式

HTML标题关于标题：标题（Heading）通过<h1>-<h6>等标签定义。其中<h1>定义最大的标题，而<h6>定义最小的标题。浏览器会自动在标题前后添加空行。关于标题的使用：一般将h1用作最重要的主标题，其后是h2（次重要），以此类推。HTML水平线：<hr />（或<hr/>）标签在HTML页面中创...
复制链接

扫一扫

专栏目录