1.html框架
<!DOCTYPE html>
<html>
<head>
<meta charset="utf_8">
<meta http_equuiv="X-UA-Compatible" content+"IE=edge">
<!--HTML文档中的元数据-->
<title>lab1-1</title>
<link rel="stylesheet" type="text/css" href="lab1-1.css">
</head>
<body>
</body>
</html>
2.文本标记:
块元素:p,h1~6,div,ul,table (显示时通常会以新行开始,会在前后添加空行);
内联元素:span (显示时通常不会以新行开始);
特殊用途标记:blockquote(缩进或斜体),br(行),cite,code,tt,pre;
3.图像:
<img src=”” alt=””></img>
4.列表:
无序列表
<ul>
<li></li>
</ul>
有序列表
<ol>
<li>
自定义列表
<dl>
<dt>
<dd>
5.链接:
<a>
link,hover,active,visited;
链接方式:
1、
<a href=””></a>
<a name=””></a>
2、
<a herd="task"></a>
<h1 id="task"></h1>
herf属性规定页面中所有相对链接的基准URL;
target属性定义了在何处打开页面中的链接。
6.表格:
<table>
<caption> </caption>
<tr>
<th rowspan="2"></th>
<td colspan="4"></td>
</tr>
<tr>
<th></th>
<th></th>
<th></th>
<th></th>
</tr>
<tr>
<th></th>
<td></td>
<td></td>
<td rowspan="2"></td>
<td rowspan="2"></td>
</tr>
<tr>
<th></th>
<td></td>
<td></td>
</tr>
</table>
属性:border,colspan/roespan,align,valign(垂直对齐),cellpadding(单元边沿与其内容之间的空白),cellspacing(单元格之间的空间)
7.表单:
button 定义可点击按钮(多数情况下,用于通过 JavaScript 启动脚本)。
checkbox 定义复选框。
file 定义输入字段和 "浏览"按钮,供文件上传。
hidden 定义隐藏的输入字段。
image 定义图像形式的提交按钮。
password 定义密码字段。该字段中的字符被掩码。
radio 定义单选按钮。
reset 定义重置按钮。重置按钮会清除表单中的所有数据。
submit 定义提交按钮。提交按钮会把表单数据发送到服务器。
text
<input type="" name="" placeholder="" />
<form>,<input>,<textarea>,<select>,<file>,
<submit>(一个表单只能有一个),<keygen>,<output>
组合表单中的相关元素
<fieldset>
<legend>健康信息</legend>
身高:<input type="text" />
体重:<input type="text" />
</fieldset>
8.语义化标记(双标记)
9.框架:
<frameset cols=”255,50%,25%” columns=””>
<frame src=””>
<frame src=””>
<frame src=””>
</frameset >
10.视频:
<video src=”” width=”” height=”” controls=”controls”></video>
<video width=”” height=”” controls=”controls”>
<source src=”” type=””>
<source src=”” type=””>
</video>
11.音频:
<audio>