HTML学习笔记——（四）HTML标题、段落及文本格式化

最新推荐文章于 2023-10-31 13:00:00 发布

Sedate_

最新推荐文章于 2023-10-31 13:00:00 发布

阅读量1.2k

点赞数

分类专栏： # HTML学习

本文链接：https://blog.csdn.net/mine_soul/article/details/50589034

版权

HTML学习专栏收录该内容

6 篇文章 0 订阅

订阅专栏

HTML标题

通过<h1>-<h6>等标签进行定义的
<h1>定义最大的标题，<h6>定义最小的标题
浏览器会自动在标题的前后添加空行

标题的重要性：
搜索引擎使用标题为网页的结构和内容编制索引，用户通过标题来快速浏览网页，标题是用来呈现文档结构的
从h1到h6，标题的重要性依次降低

HTML的水平线

<hr/>标签在HTML页面中创建水平线
hr元素可用于分隔内容，例如分隔文章中的小节和段落

HTML注释

注释是这样写的

<!--这是注释-->

HTML段落

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

HTML折行

使用<br/>标签，在不产生一个新段落的情况下进行换行

HTML输出的空行与空格

在HTML中，无法通过在HTML代码中添加额外的空格或换行来改变输出的效果，当显示页面时，浏览器会移除源代码中多余的空行或者空格，所有连续的空格或者空行都会被算作一个空格。

HTML文本格式化

HTML可定义很多供格式化输出的元素

实例：
1.文本格式化
<b>——bold
<strong>——strong
<big>——big
<em>——emphasized
<i>——italic
<small>——small
<sub>——subscript
<sup>——superscript

2.预格式文本
<pre>——pre标签很适合显示计算机代码

3.常用的计算机输出标签

<code>

<kbd>

<tt>

<samp>

<var>

4.在HTML文件中写地址

<!DOCTYPE html>
<html>
<body>

<address>
Written by <a href="mailto:webmaster@example.com">Donald Duck</a>.<br> 
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>

</body>
</html>

5.缩写和首字母缩写
IE 5 中的 acronym元素
Netsacpe 6.2中的 abbr元素

6.文字方向
bi-directional override (bdo)
bdo元素可以实现从右向左输出

7.块引用
长引用

<blockquote>
这是长引用
</blockquote>

短引用

<q>
这是短引用
</q>

8.删除字效果和插入字效果
二十

<del>二十</del>

十二

<ins>十二</ins>

Sedate_

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML学习笔记——（四）HTML标题、段落及文本格式化

HTML标题通过<h1>-<h6>等标签进行定义的 <h1>定义最大的标题，<h6>定义最小的标题浏览器会自动在标题的前后添加空行标题的重要性：搜索引擎使用标题为网页的结构和内容编制索引，用户通过标题来快速浏览网页，标题是用来呈现文档结构的从h1到h6，标题的重要性依次降低HTML的水平线<hr/>标签在HTML页面中创建水平线 hr元素可用于分隔内容，例如分隔文章中的小节和段落HT
复制链接

扫一扫