
界面
网页的界面html由两部分组成:<head>和<body>,<title>放在<head>中
1、以下是<head>部分的解释:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">……国际标准,可删除 <html xmlns="http://www.w3.org/1999/xhtml">……网页标记,html之后的字可删除,网页的开始 <head>……头部:网页的编码方式,样式设定,头部标题 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>标题</title> </head>……头部结束
2、以下是<body>部分:
<body>
网页的内容
</body>
</html>……网页的结尾
<body>又可以插入<font><p><lable><div>等多种元素
操作
路径:../../代表往上翻两个文件夹
标签的每个属性间用空格隔开,等号后加双引号
body里面的属性:
1、background/bgcolor 背景色
2、text 文本颜色
3、topmargin/rightmargin/leftmargin/bottommargin 间隔(单位:像素)
4、hidden把网页的内容隐藏
5、</br>相当于回车键
6、face 字体
7、<b></b> <i></i> <u></u> <strong></strong> <center></center>(居中)<namespace></namespace> (代表一个空格)
8、标题<h1></h1>~<h6></h6>大小不同
9、段落<p></p>
10、有序列表(显示1、2、3、。。。)
<ol start="50"><!--从50这个序号开始-->
<li>咖啡</li>
<li>牛奶</li>
<li>茶</li>
</ol>
- 咖啡
- 牛奶
- 茶
12、无序列表(每列前显示一个黑点)
<h4>一个无序列表:</h4>
<ul>
<li>咖啡</li>
<li>茶</li>
<li>牛奶</li>
</ul>
一个无序列表:
- 咖啡
- 茶
- 牛奶
13、<a>标签中taget的属性:
_parent在父页面打开
_blank在新页面打开
_self在自身页面打开
_top在当前页面打开
14、锚点:
<a href=”#锚点名(自定义,用于寻找锚点要到的位置)”>锚点标题</a><a name=”锚点名(与锚点一致)”>锚点所要到达的位置</a>
15、图片:
<img scr=”” width=”” height=”” name=”起名字(方便寻找)” title="(seo优化)">
表格
tr:行
td:单元格
th:表头(会自动规定格式,一般不用)
<table width="200" border="1" cellspacing="10" cellpadding="10">
<tr>
<td>这是一个两行三列的表格</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
bordercolor:边框颜色
bordercolor dark:外框颜色
bordercolorlight:内框颜色
align的规则:
- table后的 align是整个表格的对齐方式
- tr后的align是一行内容的对齐方式
- td后的align是一个单元格的对齐方式
(valign同上)
td中style可以控制其他各种样式(样式表中再做详述)
·<td colspan="2"> </td> 跨了两列的单元格
·<td rowspan="2"> </td> 跨了两行的单元格(以最上面的一行为准)