HTML-01文档
基本格式
<!DOCTYPE html >
<html>
<meta charset="utf-8">
<head>
<title></title>
</head>
<body></body>
</html>
标签
<h1></h1>
<p></p>
<i></i>
<em></em>
<b></b>
<strong></strong>
<br/>
<div></div>
<img src="" alt="">
<a href="" target="" title="" ></a>
有序
<ol>
<li></li>
<li></li>
……
</ol>
ol>li*2 按tab键
无序
<ul>
<li><a></a></li>
<li><a></a></li>
……
</ul>
ul>(li>a{内容})*2 按Tab键
定义
<dl>
<dt>标题/题目</dt> 顶行的
<dd>内容/解释</dd> 有缩进的
<dt></dt>
<dd></dd>
……
</dl>
dl>(dt+dd)*2 按Tab键
表格
<table 边框border=“1” 宽width=“300” 高height=“200” 表格在页面的对齐方式align=“left/center/right”默认靠左 单元格内容与边框距离cellpadding="0" 单元格与单元格距离cellspacing="0">
<tr> 表格中的一行
<th 单元格内容水平对齐方式align="left/center/right"默认靠左 ></th> 表头单元格
<th 单元格内容垂直对齐方式valign="top/middle/bottom"默认居中></th> 表头单元格
……
</tr>
<tr>
<td 单元格水平合并colspan="2"></td> 普通单元格
<td 单元格垂直合并rospan="4"></td> 普通单元格
……
</tr>
<tr>
<td></td> 普通单元格
<td></td> 普通单元格
……
</tr>
……
</table>
table>(tr>td*5)*6
6行5列的一个普通表格。
同时操作多行:
按ctrl键多选,同时修改
布局:
table布局:传统布局,应用:垃圾邮件
html+css:div+css布局,需要用到css盒子模型,盒子类型,CSS浮动,CSS定位,CSS背景图定位等。
表单:
搜集用户数据的标签:如登录,注册等。
。
。
。
。
。
。