1 HTML的基本写法：
1.1 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> (快捷键!+tab)
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
- <head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。(写法在1.1当中）
- <title> 元素描述了文档的标题
- <body> 元素包含了可见的页面内容
- <h1> 元素定义一个大标题 是通过<h1>-<h6>定义的，字体大小越来越小
- <p> 元素定义一个段落
- <b>为字体粗体
- <i>为字体斜体
- <s>为删除
- <br>为换行
- <sub>为下标
- <sup>为上标
- <div>
2 列表元素：有序列表 <ol> (结构为<li> </li>) 无序列表<ul>自定义列表<dl><dt><dd>(标签以dl开始，每个自定义列表项以dt dd开始)
3 <a href="url">链接文本</a>其中超链接里可以定义文字的name id width height等属性，id具有唯一性，一个页面中只能有一个！
4 表格标签是有table来定义的的，基本写法为t<able borde（边框）r="1‘’ cellpadding（文字与边框的距离）=“0'” cellspacing(单元格间距）=“0” align="位置" valign=“垂直” rowspan=“跨行合并” colspan=“跨列合并”>
<tr>
<td></td> 列 </tr>想要几行就写几行几列
最完整的写法为<thead><tbody><tfoot>
5 html的图形属性是<iimg src="" alt="">
Form Exercise
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=<device-width>, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<table align="center">
<tr>
<td colspan="7">个人简介</td>
</tr>
</table>
<table border="1" cellspacing="0" cellpadding="0" align="center">
<tr>
<td align="center"width="100"height="50">学院</td>
<td colspan="5">青岛黄海学院</td>
<td rowspan="5" width="100" height="50"><img src="web picture"></td>
</tr>
<tr>
<td align="center" width="100" height="50">专业</td>
<td colspan="5">电子商务</td>
</tr>
<tr>
<td align="center" width="100" height="50">姓名</td>
<td width="1">冯翔宇</td>
<td align="center">性别</td>
<td width="1">男</td>
<td align="center"width="100" height="50">民族</td>
<td width="1">汉</td>
</tr>
<tr>
<td align="center" width="100" height="50">出生年月</td>
<td>19900304</td>
<td align="center">籍贯</td>
<td>山东省烟台市莱阳市</td>
<td align="center">身高</td>
<td>185cm</td>
</tr>
<tr>
<td align="center" width="100" height="50">学历</td>
<td>大专</td>
<td align="center">政治面貌</td>
<td colspan="3">团员</td>
</tr>
<tr>
<td align="center" width="100" height="50">就业意向</td>
<td colspan="6">能带来晋升空间的企业，多学习</td>
</tr>
<tr>
<td align="center" width="100" height="50">兴趣爱好</td>
<td colspan="6">电子科技产品</td>
</tr>
<tr>
<td align="center" width="100" height="50">个人说明</td>
<td colspan="6">本人性格开放，爱交际</td>
</tr>
<tr>
<td align="center" width="100" height="50">家庭住址</td>
<td colspan="6">山东省淄博市张店区</td>
</tr>
<tr>
<td align="center" width="100" height="50">住宿住址</td>
<td colspan="2">山东省淄博市张店区</td>
<td align="center" width="100" height="50">联系电话</td>
<td>nothing</td>
<td align="center"width="100" height="50">手机</td>
<td>17664013662</td>
</tr>
<tr>
<td align="center" width="100" height="50">任职情况</td>
<td colspan="6">待业</td>
</tr>
<tr>
<td align="center"width="100" height="300">个<br>人<br>简<br>历</td>
<td colspan="6" align="center">四川长虹股份有限公司济南销售公司担任业务经理，主要负责商场活动的策划<br>创业三年，主要负责阿里巴巴国际站的建立，运营，促单，速卖通的创建，个人原因辞职
</td>
</tr>
</table>
</body>
</html>
