一,标签复习:
1,列表
<dl>
<dt>上层项目</dt>
<dd>下层项目</dd>
</dl>
<ol>
<li>字符列表1</li>
<li>字符列表1</li>
</ol>
注:可以改变其属性。
2,<img src="" alt="说明文字"/>
3,表格,table
<table>
<tbody>
<tr>
<th colspan="2">你好</th>
</tr>
<tr>
<td colspan="2">你好</th>
</tr>
</tbody>
</table>
<tbody>:可控制表格分行下载,为表格默认属性。
4,表单
<form>
<input/ type="" name=""> //表单,按钮,单选,复选等
<select>//下拉菜单
<option > </option>
</select>
</form>
form中有一个method属性,可以指定是用post还是get
区别:
get:提交的数据会在地址栏显示
post:提交的数据不会在地址栏显示
get:提交的信息被封装在协议的头部
post:提交的信息被封装在协议尾部的空行后
get:对于保密信息的提交不安全
post:安全。
5,浏览器提交网页到服务器的时候,有两种get和post,post提交1是比较安全,2是便于解码
6,<label accesskey="u" for="userid">
</label>
为表单设置快捷键
7,<pre> 保存数据的原有格式 </pre>
<sub> 下标</sub>
<sup>上标</sup>
<marquee>滚动标签</marquee>
<base>可以指定要访问页面的目录。
8,<meta name="keywords" content="信息"></meta>
content为页面的说明信息,用于被检索的关键字
9,css层叠样式表。
将网页中的样式分离出来,完全由css来控制。
增强样式的复用性以及可扩展性。
css和html代码相结合的四种方式
1,每一个html标签都有一个style属性
2,当多个页面有多个标签有相同样式时,可以进行复用。
<style>
css代码
</style>
3,当有多个页面中的标签样式相同时,还可以将样式单独封装成一个css文件。
通过在每个页面中定义
<style>
@import url("1.css");
</style>
4,通过html中head标签中link标签连接一个css文件。
<link rel="stylesheet" href="1.css">
选择器:其实就是样式要作用的标签容器。
分类:
1,标签选择器:html中的每一个标签名
2,类选择器:每一个标签汇总的class属性。用.表示
3,ID选择器:其实就是每一个标签中的ID属性。但是要保证ID唯一性。用#来标识。
ID不仅可以被css所使用,还可以被javascript所使用。