html知识回顾(html标签+css)

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&param=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” />

 

特殊字符

<  &lt     >  &gt           &  &amp   空格   &nbsp

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滤镜：通过代码丰富样式