标签:
1、html(超文本标记语言)结构:
<html> <head> <title>标题</title> </head> <body> 主体 </body> </html>
2、版面控制标记:
换行:<br/>
段落:<p></p>
水平线:<hr> ( 粗细: size; 宽度:width; 水平位置:align; 颜色:color )
空格:
居中:center
3、标题文字:
标题:<hn></hn>
文字:粗体 b; 斜体 i; 下划线 u; 删除线 s; 上标 sup; 下标sub
4、body标签属性:
背景颜色:bgcolor
背景图片:background
文字颜色:text
5、列表:
(1)有序列表: <ol> <li>编号1</li>
<li>编号2</li> </ol>
编号形式:type=1 或 a 或 A 或 i 或 I
开始序号:start=n(只能是数字)
(2)无序列表: <ul> <li>项目符号</li>
<li>项目符号</li> </ul>
符号形式:type=circle(圆圈) 或 disc(点) 或 square(方框)
去掉前面的符号:list-style-type:none;
(3)列表嵌套的正确写法
<ul>
<li>选项1</li>
<li>选项2
<ol>
<li>选项2-1</li>
<li>选项2-2</li>
</ol>
</li>
</ul>
PS:请注意,当“选项2”内部有嵌套表格时,它后面的</li>并不是直接写在“选项2”后面,而是写在它内部嵌套表格的后面!
6、表格:
(1)表格布局:
<table>
<caption>表格标题</caption>
<tr><th>表头1</th><th>表头2</th></tr>
<tr><td>列表1</td><td>列表2</td></tr>
</table>
(2)表格属性:width、height、border、cellspacing、cellpadding、bordercolor、bgcolor、align
宽 高 边框 内框宽度 文字到边框距离 边框颜色 背景色 水平位置
(3)行列属性:
高:height; 框颜色:bordercolor; 背景色:bgcolor; 水平对齐:align; 垂直对齐:valign
(4)跨行跨列:
跨行:rowspan
跨列:colspan
(5)表格标题:
<caption align=top或bottom>,位于表格上方或下方
7、图片:
图片标记:<img src="图片路径" >
图片属性:高度:height; 宽度:width; 边框宽度:border; 优先读低分辨率图:lowsrc; 文字标注:alt
8、绝对路径&相对路径:
绝对路径: http://www.cnblogs.com/ 或 D:\360Downloads
相对路径: ../../a/b.jpg
9、超链接:
<a href="超链接地址">文字或图片</a>
1、空链接:<a href="JavaScript:;"></a>
空链接与其它各类链接的区别:
href="JavaScript:;" 同 href="javascript:void(0);" ,空链接,点击不会有任何跳转
href="#" 同#top,点击回到顶部,页面不刷新
href=" " 点击后刷新并回到顶部
href="/" 点击跳转到上一级目录
2、链接打开窗口:
_blank 在新窗口打开 _parent 在父级窗口打开 _self 在当前窗口打开 _top 返回信息显示在顶级浏览器窗口中
标签:
原文地址:http://www.cnblogs.com/classroom/p/4814874.html