html标签总结
2015-07-22 00:35
609 查看
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用%来划分。
----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用%来划分。
相关文章推荐
- html特殊字符
- 一步一步学习网页开发之一
- 关于一点HTML的东西(2)
- 史上最全的html标签属性用法对照表
- input属性及用法浅析
- html button标签
- Html学习笔记3
- HTML学习笔记——box
- HTML学习笔记——标签设置格式
- 如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖
- HTML学习笔记——块级标签、行级标签、图片标签
- html标签属性
- HTML特殊符号对照表
- HTML学习笔记——选择器
- document.getElementById("id").innerHTML=""与document.getElementById("id").style.display="none"
- web html调用百度地图
- html学习笔记(3)----display属性值
- display属性值
- HTML的总结
- @Html.ValidationSummary()的使用