Hitm知识回顾
列表
<dl>
<dt>
<dd>
</dd>
</dt>
</dl>
带有标签:
<ol>type=”i”数字标签
<ul>type=”circle”符号标签
<li>具体项目内容标签
图像标签
<img>
图像地图(指定热点区域会定向到指定图片1,jpg)
<map name=”Map” id=”Map”><areashape=”rect” cords=”66,44,55,11” href=”1.jpg”>
表格标签
单元格间的距离 表格内容与边框的距离
<table border=”” bordercolor=”” cellspacing=”” cellpadding=””>
用<tbody>标签将表格分开封装起来(在网上可以一部分一部分的显示)
如:
<table>
<tbody>
<tr>
<td></td>
</tr>
</tbody>
<tbody>
<tr>
<td></td>
</tr>
</tbody>
</table>
超链接标签
<a href=”www.baidu.com?subject=haha¶m=hehe”></a>
target属性 指定打开连接方式
当被点击后,会启动引擎所对应的解析程序去查找指定主机。
1, 先找本地主机的hosts文件,如果没有找到该主机对应的ip地址
2, 去公网NDS服务器上找对应的ip地址
锚:
<a name=”top”>标记</a>
#指定标记
<a href=”#top”>回到标记处</a>
表单
<form>
单选
<input type=”radio” name=”sex” value=”male”/>男<input type=”radio” name=”sex” value=”female” />女
复选
<input type=”checkbox”/>
上传文件<input type=”file”/>
按钮<input type=”button”/>
隐藏标签
<input type=”hidden”name=”” value=””>
<input type=”image”src=””> 图片按钮,可替代submit
下拉菜单
该属性显示所有选项
<select name=”” multiple=”multiple”>
<option value=””></option>
<option value=””></option>
<option value=””></option>
</select>
文本框:
<textarea></textarea>
Submit提交数据
可以自定义一个服务器来接收提交上来的数据
如下:
Lable标签
for属性指向其他组建的id
accesskey属性设置快捷键,alt+快捷键,可快速定义到标签
<lable for=”” accesskey=””>
其它标签:
保持数据原样显示
<pre></pre>
<b>加粗<i>斜体<u>下划线
<sub>下标<sup>上标
内容会在页面浮动
<marquee>direction滚动方向 behavior滚动类型
头标签:
<base>
href 指定所有超链接文件所在的目录
<meta name=”keywords”content=”犀利哥….”>
指定关键字
3秒后跳转到指定页面
<metahttp-rquiv=”refresh” content=”3;url=’’ ”>
<link>
rel 关联样式表 media指定设备
如:<link rel=”stylesheet” href=”1.css” media=”screen,print” />
特殊字符
< < > > & & 空格  
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属性(唯一),用(#)表示,可以被css和js使用
关联选择器:
1, 标签中的标签,如:div b{ …. }
.a p{…..}
2, 组合选择器:如: .a,div b{ … }
3, 伪元素选择器(元素的状态) 如: a:link 点击超链接前
a:visited 点击后 a:hover 悬停 a:active 点击超链接时
css滤镜:通过代码丰富样式