html标签总结

Html标签总结

----1.列表标签-----

列表标签主要有三个dl,ol,ul

dl:

标签用来分层次来显示项目

格式：

<dl>

<dt>.....</dt>

<dd>.....</dd>

</dl>

例如：

公司部门

财务部

市场部

<ol>

<li>…</li>

<li>…</li>

</ol>

默认显示出来的每个前面都是数字

可以利用type="a/1/i"等等来改变输出时候的默认前面的符号

ul:用来按顺序显示编号,默认情况下,每个项目前都有一个圆点.这个圆点可以通过css代码来搞定.

<ul>

<li>…</li>

<li>…</li>

</ul>

-----2.图片标签-------

<img src="图片路径" alt="辅助图片说明"/>

src是代表着被引用图片的位置.这个位置可以是绝对路径也可以是相对路径.

绝对路径兼容性差,别用废弃掉.用相对路径.

相对路径分三种情况：

No.1 当图片的路径在同一个目录下的时候，直接用 src="名字.img"

No.2 当图片的路径在同一个目录下，但是这时候图片在别的文件下，如，文件名为image的时候，则 src="image/图片.img"

No.3 当图片的路径在同一个文件下的时候，不在同一个目录的时候则，src="../image/图片.img"

----3.table表格标签---

tr 表示的是行

td 表示的是列

格式：

<table>

<!--- 通过caption给表格加标题 --->

<caption>.......</caption>

<!----th加粗居中---->

<tr><th>...</th><th>...</th></tr>

<tr><td>...<td><td>...<td></tr>

<tr><td>...<td><td>...<td></tr>

</table>

<table>后面可以加参数：

border:设置表格的边框

bordercolor:设置表格的边框的颜色

cellpadding:内边框的距离

cellspacing:单元格与单元格的距离

注：

单元格合并

跨行合并的时候，rowspan="?"注意，？的大小应该是包括他本是，再往下数。

跨列的合并的话，colspan="?"同样也要注意。

-------4.超链接标签a-----------

<a href="" >...</a>a标签中的href属性指定的值,如果没有给定协议,那么默认情况下是file:///(文件协议)

他会到本地磁盘去查找相关的文件，如果想设置一个网址必须书写完整http://www.baidu.com

a标签中包含的链接地址中有这么几个协议系统可以识别:http ,ftp ,file

对于其他的协议例如:thunder,e2k,mailto等自定义的协议,系统默认情况下是不识别的,

他会到注册表当中去搜索与自定义协议对应的应用程序,并且执行该应用程序

作为锚使用:

定义锚点:a标签指定 name标签属性,name的值就是锚点的值.

<a name="top">产品介绍</a><br/>

定位到指定的锚点:a标签指定href标签属性,值的格式#锚点名

<a href="#top">返回顶部</a>

-------5.frameset标签-----------

frameset是用来切分窗口的标签

cols将窗口切分成左右两部分

rows将窗口切分成上下两部分

注：framework只能放在body与head之间

<frameset cols="400px,*">

cols可以将窗口切成左右两个，400px,为左边大小，剩下的*表示右边的。

src是用来指定要加载的内容的

<frame src="NewFile01.html"></frame>

name属性用来标识被打开页面的位置,通常配合a标签的target属性使用

<frame name="rightname"></frame>

target属性表示当前要打开的页面的窗口的名称,如果说有哪个frame的name属性是该值,在指定的frame中打开

<a href="NewFile02.html" target="rightname">java技术文档</a><br/>

注：

rows基本与上述一致，但是rows用%来划分。