html的规范：
1:一个html文件的开始标签和结束的标签<html></html>
2:html包含两部分内容
（1）<head>设置相关信息</head>
(2)<body>显示在页面上的内容都写在body里面</body>
3:html的标签有开始标签，也要有结束标签
4:html的代码不区分大小写的
5:有些标签，没有结束标签，在标签内结束
比如 换行<br/> 一条横线<hr/>
html的操作思想：
网页中有许多数据，不同的数据可能需要不同的显示效果，这个时候需要使用标签把要操作的数据包起来（封装起来），通过修改标签的属性值实现标签内数据样式的变化。
html中常用的标签：
1：文字标签和注释标签
*文字标签：修改文字的样式
--<font></font>
--属性：
*size：文字的大小 取值范围 1~7，超出7，默认还是7
*color：文字的颜色
--两种表示方式
**英文单词： red green blue.....
**使用十六进制数表示 #ffffff：RGB
-通过工具实现不同的颜色
*注释标签
--html的注释： <!-- html的注释 -->
2:标题标签、水平线标签和特殊字符
*标题标签
<h1></h1> <h2></h2> <h3></h3> ........<h6></h6>
--从h1到h6，大小一次变小，同时自动换行
*水平线标签
--<hr/>
*属性
-size：水平线的粗细，取值范围 1~7
-color:颜色
*特殊字符
-需要对特殊字符进行转义
* < : <
* > : >
* 空格 :
* & : &
3:列表标签
--比如现在显示这样的效果
古龙
绝代双骄
风云第一刀
欢乐英雄
**<dl></dl>: 表示列表的范围
**在dl 里面 <dt></dt> : 上层内容
**在dl 里面 <dd></dd>：下层内容
-代码
<dl>
<dt>古龙</dt>
<dt>绝代双骄</dt>
<dt>风云第一刀</dt>
<dt>欢乐英雄</dt>
<dl>
--想要在页面上显示这样的效果
1.绝代双骄
2.风云第一刀
3.欢乐英雄
a.绝代双骄
b.风云第一刀
c.欢乐英雄
i.绝代双骄
ii.风云第一刀
iii.欢乐英雄
**<ol></ol> : 有序列表的范围
-属性 type ：设置排序方式 1（默认是），a，i
**在ol标签里面<li>具体内容</li>
-代码
<ol>
<li>绝代双骄</li>
<li>风云第一刀</li>
<li>欢乐英雄</li>
</ol>
**<ul></ul> : 表示无序列表的范围
属性：type：空心圆circle、实心方块squre、实心圆disc，默认disc
**代码
<ul>
<li>绝代双骄</li>
<li>风云第一刀</li>
<li>欢乐英雄</li>
</ul>
就目前来说，HTML前面的内容还是比较简单易懂的，就是需要记忆的东西比较多，今日就如此了，来日继续努力！
扫一扫
1604
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
