1..html和.htm都可以
2.标签（标签可以嵌套标签）+属性实现
3.固定规范
<html>
<head>（设置相关信息）
<title>这是一个标题</title>
</head>
<body>（显示页面上的信息）</body>
</html>
标签<font size="5" color="red"></font>
不区分大小写
有些没有结束标签，如<br/(标签内结束)> <hr/>(水平线)
4.操作思想
标签包括数据，修改标签属性值实现数据样式的变化，标签相当于一个容器，修改容器的属性值就可以实现容器内数据样式的变化
5.文字标签
<font></font>
属性 size:1-7
color:颜色（单词或者#xxxxxx）
6.注释标签
<!-- -->
7.标题标签
<h1></h1>到<h6></h6>(越来越小，自动换行)
8.水平线标签<hr/>
属性 size:1-7
color:颜色（单词或者#xxxxxx）
9.特殊字符
<: < >: > 空格: &: &
10.列表标签
<dl></dl>(列表范围) <dt></dt>（上层结构） <dd></dd>（下层结构）
<ol></ol>（有序列表范围） <li></li>（具体内容）
ol属性:type 1,a或者i
<ul></ul>(无序列表范围) <li></li>(具体内容)
ul属性:type circle，disc，square，disc（默认）
11.图像标签
<img src="b.jpg" width="300" height="400" alt="图片上的文字"/>
12.路径的介绍
绝对路径和相对路径（1.一个路径下直接写文件名 2.img/a.jpg 3. ../c.png 或者../../（上层的上层））
13.超链接标签
<a href="链接到的路径（加#不跳到任何地址）" target="设置打开方式（如_blank新打开 _self当前页面）">显示在页面上的内容</a>
<a name="top">顶部</a>
<a href="#top">回到顶部</a> 这样可以回到顶部
14.原样输出标签
<pre>asda</pre>
15.表格标签
<table></table>(范围) <tr></tr>(行) <td></td>（列）<th></th>(居中和加粗) <caption></caption>(标题)
table属性:border="1" bordercolor="blue" cellspacing="0" width height
tr属性：align=left,right,center
td属性：align=left,right,center rowspan="3" 跨行合并 colspan="3" 夸列合并
16.表单标签（有name属性才能提交,单选和复选框必须加value）
<form></form>(内容)
form属性:action 提交的地址，如果不写默认提交到当前页面
method 常用get和post,默认是get
enctype 文件上传的时候才设置他
<input type="类型（如text,password,file，hidden ）"/>
<input type="radio" name="sex"/>男<input type="radio" name="sex"/>女(name一样是一个组)
radio属性:checked="checked"默认选中
<input type="checkbox" name="sex"/>男<input type="checkbox" name="sex"/>女
checkbox属性:checked="checked"默认选中
<select name="birth">
<option value="0">请选择</option>
<option value="1991">1991</option>
<option value="1992">1992</option>
<option value="1993">1993</option>
</select>
select属性:selected="selected"默认选中
<textarea cols="" rows=""></textarea>(文本域)
<input type="submit" value="注册"/>
<input type="image" src="a.jpg"/>(图片提交)
<intput type="reset" value="重置"/>（重置）
<intput type="button" value="按钮"/>（普通按钮，和js一起使用）
17.其他常用标签
<b></b>加粗
<u></u>下划线
<i></i>斜体
<s></s>删除
<sub></sub>下标
<sup></sup>上标
<div></div>换行
<span></span>不换行
<p></p>段落标签 比br标签多一行
18.头标签的使用
title
meta（设置一些相关内容）
<meta name="keyword" content="搜索关键词">
<meta http-equiv="refresh" content="3;url=01-hello.html">
base(超链接的基本设置) <base target="_blank">
19.框架标签（必须把body去掉才能用框架标签）
<frameset rows="80,*">
<frameset cols="80,*">
属性:rows按行划分
cols按列划分
<frame name="lower_left" src="b.html"> 具体显示的页面
20.解决乱码问题
工具-首选项-template 修改模板
工具-首选项中-file 不创建备份
file-new-html page-保存 选择编码方式
21.css（层叠样式表，可以把网页的内容和样式分离，提供了更多的属性）
(1)元素上加一个style，如style="background-coloc:red;color:green"
(2)head里面加一个
<style type="text/css">
div{
background-color:red;
color:green;
}
</style>
(3)（某些浏览器不能用）
head里面加一个
<style type="text/css">
@import url(div.css(路径))
</style>
再创建一个.css文件，直接写属性，如
div{
background-color:red;
color:green;
}
(4)创建一个.css文件，然后头标签中加入<link rel="stylesheet" type="text/css" href="css_3.css（css文件路径）"/>（一般使用它）
22.css选择器（三种）
（1）标签选择器
（2）类选择器(<div class=haha></div>) div.haha{} 或者直接.haha{}
（3）id选择器(<div id=hehe></div>) div#hehe{} 或者#hehe{}
优先级
style>id>class>标签
23.css扩展选择器
（1）关联选择器 div p{}
（2）组合选择器 div，p{}
（3）伪元素选择器 :原始link 鼠标放上去:hover 点击:active 点击后:visited
24.盒子模型
边框 border（top bottom left right） border:2px solid blue
内边距 padding(top...)
外边距 margin（top... ）
25.css的漂浮
float:left 文本流向对象的左边
26.css布局的定位
position:absolute top:50 left:80将对象从文档流中拖出
position:relative top:50 left:80 不将对象从文档流中拖出
2.标签（标签可以嵌套标签）+属性实现
3.固定规范
<html>
<head>（设置相关信息）
<title>这是一个标题</title>
</head>
<body>（显示页面上的信息）</body>
</html>
标签<font size="5" color="red"></font>
不区分大小写
有些没有结束标签，如<br/(标签内结束)> <hr/>(水平线)
4.操作思想
标签包括数据，修改标签属性值实现数据样式的变化，标签相当于一个容器，修改容器的属性值就可以实现容器内数据样式的变化
5.文字标签
<font></font>
属性 size:1-7
color:颜色（单词或者#xxxxxx）
6.注释标签
<!-- -->
7.标题标签
<h1></h1>到<h6></h6>(越来越小，自动换行)
8.水平线标签<hr/>
属性 size:1-7
color:颜色（单词或者#xxxxxx）
9.特殊字符
<: < >: > 空格: &: &
10.列表标签
<dl></dl>(列表范围) <dt></dt>（上层结构） <dd></dd>（下层结构）
<ol></ol>（有序列表范围） <li></li>（具体内容）
ol属性:type 1,a或者i
<ul></ul>(无序列表范围) <li></li>(具体内容)
ul属性:type circle，disc，square，disc（默认）
11.图像标签
<img src="b.jpg" width="300" height="400" alt="图片上的文字"/>
12.路径的介绍
绝对路径和相对路径（1.一个路径下直接写文件名 2.img/a.jpg 3. ../c.png 或者../../（上层的上层））
13.超链接标签
<a href="链接到的路径（加#不跳到任何地址）" target="设置打开方式（如_blank新打开 _self当前页面）">显示在页面上的内容</a>
<a name="top">顶部</a>
<a href="#top">回到顶部</a> 这样可以回到顶部
14.原样输出标签
<pre>asda</pre>
15.表格标签
<table></table>(范围) <tr></tr>(行) <td></td>（列）<th></th>(居中和加粗) <caption></caption>(标题)
table属性:border="1" bordercolor="blue" cellspacing="0" width height
tr属性：align=left,right,center
td属性：align=left,right,center rowspan="3" 跨行合并 colspan="3" 夸列合并
16.表单标签（有name属性才能提交,单选和复选框必须加value）
<form></form>(内容)
form属性:action 提交的地址，如果不写默认提交到当前页面
method 常用get和post,默认是get
enctype 文件上传的时候才设置他
<input type="类型（如text,password,file，hidden ）"/>
<input type="radio" name="sex"/>男<input type="radio" name="sex"/>女(name一样是一个组)
radio属性:checked="checked"默认选中
<input type="checkbox" name="sex"/>男<input type="checkbox" name="sex"/>女
checkbox属性:checked="checked"默认选中
<select name="birth">
<option value="0">请选择</option>
<option value="1991">1991</option>
<option value="1992">1992</option>
<option value="1993">1993</option>
</select>
select属性:selected="selected"默认选中
<textarea cols="" rows=""></textarea>(文本域)
<input type="submit" value="注册"/>
<input type="image" src="a.jpg"/>(图片提交)
<intput type="reset" value="重置"/>（重置）
<intput type="button" value="按钮"/>（普通按钮，和js一起使用）
17.其他常用标签
<b></b>加粗
<u></u>下划线
<i></i>斜体
<s></s>删除
<sub></sub>下标
<sup></sup>上标
<div></div>换行
<span></span>不换行
<p></p>段落标签 比br标签多一行
18.头标签的使用
title
meta（设置一些相关内容）
<meta name="keyword" content="搜索关键词">
<meta http-equiv="refresh" content="3;url=01-hello.html">
base(超链接的基本设置) <base target="_blank">
19.框架标签（必须把body去掉才能用框架标签）
<frameset rows="80,*">
<frameset cols="80,*">
属性:rows按行划分
cols按列划分
<frame name="lower_left" src="b.html"> 具体显示的页面
20.解决乱码问题
工具-首选项-template 修改模板
工具-首选项中-file 不创建备份
file-new-html page-保存 选择编码方式
21.css（层叠样式表，可以把网页的内容和样式分离，提供了更多的属性）
(1)元素上加一个style，如style="background-coloc:red;color:green"
(2)head里面加一个
<style type="text/css">
div{
background-color:red;
color:green;
}
</style>
(3)（某些浏览器不能用）
head里面加一个
<style type="text/css">
@import url(div.css(路径))
</style>
再创建一个.css文件，直接写属性，如
div{
background-color:red;
color:green;
}
(4)创建一个.css文件，然后头标签中加入<link rel="stylesheet" type="text/css" href="css_3.css（css文件路径）"/>（一般使用它）
22.css选择器（三种）
（1）标签选择器
（2）类选择器(<div class=haha></div>) div.haha{} 或者直接.haha{}
（3）id选择器(<div id=hehe></div>) div#hehe{} 或者#hehe{}
优先级
style>id>class>标签
23.css扩展选择器
（1）关联选择器 div p{}
（2）组合选择器 div，p{}
（3）伪元素选择器 :原始link 鼠标放上去:hover 点击:active 点击后:visited
24.盒子模型
边框 border（top bottom left right） border:2px solid blue
内边距 padding(top...)
外边距 margin（top... ）
25.css的漂浮
float:left 文本流向对象的左边
26.css布局的定位
position:absolute top:50 left:80将对象从文档流中拖出
position:relative top:50 left:80 不将对象从文档流中拖出
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
