今日目录
1、HTML基本结构
2、文本排版
3、设置文字列表
4、HTML标记与HTML属性
5、特殊文字符号
一、HTML基本结构
1、<html> 标记放在 HTML 文件的开头,是一个形式上的标记;
2、<body> 标记称为主体标记,网页所要显示的内容都放在这个标记内,它是 HTML 文件的重要所在;
3、<head> 标记称为头标记,起的作用是放置关于此 HTML 文件的信息,如提供索引、定义 CSS 样式等;
4、<title> 标记称为标题标记,起的作用是设定网页标题;
2、<body> 标记称为主体标记,网页所要显示的内容都放在这个标记内,它是 HTML 文件的重要所在;
3、<head> 标记称为头标记,起的作用是放置关于此 HTML 文件的信息,如提供索引、定义 CSS 样式等;
4、<title> 标记称为标题标记,起的作用是设定网页标题;
![](https://i-blog.csdnimg.cn/blog_migrate/e72be43f9cfe17a4f9bb19fa16ca0801.png)
![](https://i-blog.csdnimg.cn/blog_migrate/e0e7ca57aadc47e922d689220becf1ba.png)
二、文本排版
2.1、段落标签<p>
![](https://i-blog.csdnimg.cn/blog_migrate/631f91c9a943566cc1f020cd4b94030f.png)
2.2、换行标签<br>
![](https://i-blog.csdnimg.cn/blog_migrate/43236ebb30c9cd74132db5af7b4d9af9.png)
2.3、标题标签<h1>~<h6>
![](https://i-blog.csdnimg.cn/blog_migrate/c4ea9b2d0ecfff0a6f41b46669ff8fae.png)
2.4、 文字居中标签<center>
![](https://i-blog.csdnimg.cn/blog_migrate/2e8e09dff92bc2ba88cf8afd741680e9.png)
2.5、文字段落缩进标签<blockquote>
![](https://i-blog.csdnimg.cn/blog_migrate/2a1f5418a54f000c5c9c82dc4d4f8406.png)
三、设置文字列表
文字列表的主要作用是有序地编排一些信息资源,使其结构化和条理化,并以列表的样式显示出来;
3.1、无序列表 ul
![](https://i-blog.csdnimg.cn/blog_migrate/dace3cad2a6d09819111fb06f9a1685f.png)
3.2、有序列表 ol
![](https://i-blog.csdnimg.cn/blog_migrate/f2d270df0fa27cca8bde2d9baff9b7da.png)
四、HTML标记与HTML属性
在大多数 HTML 标记中都可以对属性控制,属性的作用是帮助 HTML 标记进一步控制 HTML 文件的内容,比如内容的对齐方式(如本例),文字的大小、字体、颜色,网页的背景样式,图片的插入,等等。其基本语法为:<标记名称 属性名 1=“属性值 1” 属性名 2=“属性值 2” ......>
4.1、用 align 属性控制段落的水平位置
![](https://i-blog.csdnimg.cn/blog_migrate/84ea5bdf8d8f7a3c4fadb962886685db.png)
4.2、用 bgcolor 属性设置背景颜色
![](https://i-blog.csdnimg.cn/blog_migrate/fec3a0825789e9f01c8842db7baaa5da.png)
4.3、设置文字的特殊样式
![](https://i-blog.csdnimg.cn/blog_migrate/c614e601da980765013c414b907f9452.png)
![](https://i-blog.csdnimg.cn/blog_migrate/8d07b20e373f03eb05c1feaef4999222.png)
4.4 设置文字的大小和颜色 font 标签
![](https://i-blog.csdnimg.cn/blog_migrate/3c027247b38f8e4c1fcf63366e639d08.png)
五、特殊文字符号
添加小编微信可以获取免费资源,二维码
要用到的工具,关注
公众号直接免费获取: