20150916-html第一次课
<标记名称 属性1=”值1” 属性2=”值2” …>组件资料</标记名称>
*标记不区分大小写,属性值可以不加引号
<html>
<head>
<title>网页标题</title>
</head>
<body>
网页主体部分
</body>
</html>
1、换行<br/>
2、段落标记<p></p>
3、水平线<hr>
4、空格
<i></i>斜体
<u></u>下划线
<s></s>删除线
<sup></sup>文字表在字体上方
<sub></sub>文字标在字体下方
六、body属性
bgcolor 网页背景颜色
background 网京图片
text 网页背景文字颜色
七、列表标签
1、有序列表
<ol>
<li>列表1</li>
...
<li>列表3</li>
</ol>
2、无序列表
<ul>
<li>列表1</li>
...
<li>列表3</li>
</ul>
八、表格
1、布局
<table>
<caption>表格标题</caption>
<tr>
<th>表头1</th>
<th>表头2</th>
</tr>
<tr>
<td>列表1</td>
<td>列表2</td>
</tr>
</table>
2、属性
border,边框宽度;cellspacing,表格内框的宽度;cellpadding,表格内的文字至四周边框的距离;Height,高度;width,宽度; bordercolor,边框颜色; bgcolor,背景颜色; align,表格在网页中的水平对齐方式
3、行列属性
高:height; 框颜色:bordercolor; 背景色:bgcolor; 水平对齐:align; 垂直对齐:valign
4、跨行跨列
跨行:rowspan 跨列:colspan
5、表格标题
<caption align=top或bottom>,位于表格上方或下方.
九、图片标记
图片标记:<img src="图片路径" >
图片属性:高度:height; 宽度:width; 边框宽度:border; 优先读低分辨率图:lowsrc; 文字标注:alt
十、超链接
<a href=”链接位置”>超链接名称</a> 必须加http(超文本传输协议)
html空链接: href="#"与href="javascript:;"的区别,前面其实跳转,后面不跳转,用户体验更好点。
图片链接:<a href="http:\\www.baidu.com"><img src="tupian.jpg"></a>
十一、其他标签
换行标签 <br/>
水平线标签 <hr/>
空格
加粗<b></b>
倾斜<i></i>
下划线<u></u>
删除线<s></s>
p2 p<sub>2</sub>
p2 p<sup>2</sup>
十二、相对路径
绝对路径: src="http://www.a.com/b.jpg" 或"d:/web/c.jpg"
相对路径: src="../../c/d.jpg"
最后总结:虽然有些html有自己的属性,去设置该标签的外观,但是,在真正做项目的时候不用这些属性,全部用CSS去做