HTML
(HyperText Makeup Language)是超文本标记语言。
1.HTML结构
<html>
<head>
<title>标题</title>
</head>
<body>
主体部分
</body>
</html>
另:HTML注释:<!--html-->
2.文字版面
换行:<br/>
段落标记:<p></p>
水平线:<hr>
其属性Size Width Color Align:表示水平线的 粗细 宽度 颜色 对其方式(left左,center中,right右)
空格:
居中:<center></center>
标题文字:<hn>n值为1~6 依次减小</hn>
特殊文字样式:<b>粗体</b> <i>斜体</i> <u>下划线</u> <s>删除线</s>
<sup>将文字以上标字体的方式显示</sup> <sub>将文字以下标字体的方式显示</sub>
body标签属性: bgcolor---网页背景颜色 background---网页背景图片 text---网页文字颜色
3.文字列表设计
①有序列表
<ol>
<li>编号1</li>
<li>编号2</li>
<li>编号3</li>
</ol>
编号形式:type属性 (Type=1 或A 或a或I 或i)
设置编号的开始序号:start属性
Start=n (只能是数字)
②无序列表
<ul>
<li>项目符号</li>
<li>项目符号</li>
<li>项目符号</li>
</ul>
设置项目符号的形式:type属性
Type=circle 或disc或square(分为空心圆,实心和方形)
4.表格
①语法
<table>
<tr>
<td></td>
</tr>
</table>
注:<th></th>表示标题单元格
②属性
border:边框宽度;cellspacing:表格内框的宽度;cellpadding:表格内文字至边框的距离; Height /width:高/宽度
bordercolor:边框颜色; bgcolor:背景颜色; align:表格在网页中的水平对齐方式
③跨行、跨列
Rowspan="n" (跨n行) colspan=“n”(跨n列)
④表格标题标记
<caption align=top或bottom> top:标题在表格上方 bottom:标题在表格底部
5.图片标记img
<img src=”图片的位置与名称”>
①常用属性
height:高度 width:宽度 border:边框宽度
lowsrc=“低分辨率图片的位置”
alt:当浏览器不能显示所指代的图片时,可以设置IE显示一段说明该图片的文字,代替图片。
6. 超链接
①超链接标记
<a href=”链接位置”>超链接名称</a>
②图片超链接
<a href="http:\\www.baidu.com"><img src=“图片位置”></a>