HTML复习之用HTML设置文本

本是古典何须时尚 2022-05-25 08:30 431阅读 0赞

#### 今日目录 ####

1、HTML基本结构

2、文本排版

3、设置文字列表

4、HTML标记与HTML属性

5、特殊文字符号

#### 一、HTML基本结构 ####

1、<html> 标记放在 HTML 文件的开头，是一个形式上的标记；  
        2、<body> 标记称为主体标记，网页所要显示的内容都放在这个标记内，它是 HTML 文件的重要所在；  
        3、<head> 标记称为头标记，起的作用是放置关于此 HTML 文件的信息，如提供索引、定义 CSS 样式等；  
        4、<title> 标记称为标题标记，起的作用是设定网页标题；

![70][]     ![70 1][]

#### 二、文本排版 ####

2.1、段落标签<p>

![70 2][]  
    2.2、换行标签<br>

![70 3][]  
    2.3、标题标签<h1>~<h6>

![70 4][]  
    2.4、 文字居中标签<center>

![70 5][]  
    2.5、文字段落缩进标签<blockquote>

![70 6][]

#### 三、设置文字列表 ####

文字列表的主要作用是有序地编排一些信息资源，使其结构化和条理化，并以列表的样式显示出来；

3.1、无序列表 ul

![70 7][]  
    3.2、有序列表 ol

![70 8][]

#### 四、HTML标记与HTML属性 ####

在大多数 HTML 标记中都可以对属性控制，属性的作用是帮助 HTML 标记进一步控制 HTML 文件的内容，比如内容的对齐方式（如本例），文字的大小、字体、颜色，网页的背景样式，图片的插入，等等。其基本语法为：<标记名称 属性名 1=“属性值 1” 属性名 2=“属性值 2” ......>

4.1、用 align 属性控制段落的水平位置

![70 9][]  
    4.2、用 bgcolor 属性设置背景颜色

![70 10][]

4.3、设置文字的特殊样式

![70 11][]

![70 12][]

4.4 设置文字的大小和颜色 font 标签

![70 13][]

#### 五、特殊文字符号 ####

![70 14][]

![70 15][]

添加小编微信可以获取免费资源，二维码

![70 16][]

要用到的工具，关注 公众号直接免费获取：

![70 17][]

[70]: https://img-blog.csdn.net/20180511095818811?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d0eWljeQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 1]: /images/20220525/d268e93b59de4de689c15f21d6f50e8b.png
[70 2]: /images/20220525/ff4418387c1242b2b9b436b944ff35dd.png
[70 3]: /images/20220525/08e7e156dd3a4016a28417ef2d162fb5.png
[70 4]: /images/20220525/ea768f5a4ae6497d88b2a28e16d1ee92.png
[70 5]: /images/20220525/5426591bbcdb44eaa397532bf144763f.png
[70 6]: /images/20220525/8dfb98ecb8744aaab4fee5c3458f405a.png
[70 7]: /images/20220525/c0d094092bfe44938a7bdcbb78f6b65e.png
[70 8]: /images/20220525/94a3bbec55ca493d9ae569055e8611c2.png
[70 9]: /images/20220525/4f147802b3b747a296e880e35672d220.png
[70 10]: /images/20220525/a41e6548f1874133bc44ae3e290b4d2f.png
[70 11]: /images/20220525/0a4b6ce2f2b1444bbc2830da200d2e69.png
[70 12]: /images/20220525/e2856f233043400d81ae1cd4e06bb078.png
[70 13]: /images/20220525/61a31370c11142bb864f1701b585135b.png
[70 14]: /images/20220525/dbc3997e2a2a45aab04a0f8f5cb96e11.png
[70 15]: /images/20220525/b26ba35ab0b5405cb08e7dd3ffbfa6dc.png
[70 16]: /images/20220525/ba74d83d4756400380efe98fa8382135.png
[70 17]: /images/20220525/91ac3142599242f19c02c47914a4ad97.png