下面这些标签可用在 head 部分：
1、<head>
<title>...</title>
<meta>
<link>
<style>...</style>
<script>...</script>
</head>
2、标签&作用
<hx>标题文本</hx> (x为1-6)
<p>段落文本</p>
<em>需要强调的文本（斜体）</em> 或 <strong>需要强调的文本（加粗）</strong>
<span>文本</span> // <span>标签是没有语义的，它的作用就是为了设置单独的样式用的。
<q>引用短文本</q> //注意要引用的文本不用加双引号，浏览器会对q标签自动添加双引号。
<blockquote>引用长文本</blockquote>
<br />换行标签
空格
<hr />添加水平横线 //用于分隔的横线
<address>联系地址信息</address>
<code>代码语言</code> //在文章中一般如果要插入多行代码时不能使用<code>标签了
<pre>语言代码段</pre> //插入多行代码
使用ul，添加新闻信息列表
语法：<ul>
<li>信息</li>
<li>信息</li>
......
</ul>
使用ol，添加图书销售排行榜
语法：<ol>
<li>信息</li>
<li>信息</li>
......
</ol>
<div>…</div> //在网页制作过程过中，可以把一些独立的逻辑部分划分出来，放在一个<div>标签中，这个<div>标签的作用就相当于一个容器。
创建表格的四个元素：table、tbody、tr、th、td
注意：
1、<table>…</table>：整个表格以<table>标记开始、</table>标记结束。
2、<tbody>…</tbody>：当表格内容非常多时，表格会下载一点显示一点，但如果加上<tbody>标签后，这个表格就要等表格内容全部下载完才会显示。如右侧代码编辑器中的代码。
3、<tr>…</tr>：表格的一行，所以有几对tr 表格就有几行。
4、<td>…</td>：表格的一个单元格，一行中包含几对<td>...</td>，说明一行中就有几列。
5、<th>…</th>：表格的头部的一个单元格，表格表头。
6、表格中列的个数，取决于一行中数据单元格的个数
caption标签，为表格添加标题 语法：<caption>标题文本</caption>
添加摘要 语法：<table summary="表格简介文本">
使用<a>标签，链接到另一个页面 语法：<a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a>
在新建浏览器窗口中打开链接 <a href="目标网址" target="_blank">click here!</a>
使用mailto在网页中链接Email地址
<img>标签，为网页插入图片 语法：<img src = "myimage.gif" alt = "My Image" title = "My Image" />
使用表单标签form，与用户交互
例：<form method="post" action="save.php">
<label for="username">用户名:</label>
<input type="text" name="username" />
<label for="pass">密码:</label>
<input type="password" name="pass" />
</form>
文本输入框、密码输入框
语法：<form>
<input type="text/password" name="名称" value="文本" />
</form>
1、type：当type="text"时，输入框为文本输入框;
当type="password"时, 输入框为密码输入框。
2、name：为文本框命名，以备后台程序ASP 、PHP使用。
3、value：为文本输入框设置默认值。(一般起到提示作用)
文本域，支持多行文本输入 语法：<textarea rows="行数" cols="列数">文本</textarea>
使用单选框、复选框，让用户选择 语法：使用单选框、复选框，让用户选择
语法：<input type="radio/checkbox" value="值" name="名称" checked="checked"/>
使用下拉列表框，节省空间
语法：<select>
<option value='提交值' select="select">选项</option>
</select>
使用下拉列表框进行多选
下拉列表也可以进行多选操作，在<select>标签中设置multiple="multiple"属性，就可以实现多选功能，在 widows 操作系统下，进行多选时按下Ctrl键同时进行单击（在 Mac下使用 Command +单击），可以选择多个选项。如下代码
使用提交按钮，提交数据 语法：<input type="submit" value="提交">
使用重置按钮，重置表单信息 语法：<input type="reset" value="重置">
1、<head>
<title>...</title>
<meta>
<link>
<style>...</style>
<script>...</script>
</head>
2、标签&作用
<hx>标题文本</hx> (x为1-6)
<p>段落文本</p>
<em>需要强调的文本（斜体）</em> 或 <strong>需要强调的文本（加粗）</strong>
<span>文本</span> // <span>标签是没有语义的，它的作用就是为了设置单独的样式用的。
<q>引用短文本</q> //注意要引用的文本不用加双引号，浏览器会对q标签自动添加双引号。
<blockquote>引用长文本</blockquote>
<br />换行标签
空格
<hr />添加水平横线 //用于分隔的横线
<address>联系地址信息</address>
<code>代码语言</code> //在文章中一般如果要插入多行代码时不能使用<code>标签了
<pre>语言代码段</pre> //插入多行代码
使用ul，添加新闻信息列表
语法：<ul>
<li>信息</li>
<li>信息</li>
......
</ul>
使用ol，添加图书销售排行榜
语法：<ol>
<li>信息</li>
<li>信息</li>
......
</ol>
<div>…</div> //在网页制作过程过中，可以把一些独立的逻辑部分划分出来，放在一个<div>标签中，这个<div>标签的作用就相当于一个容器。
创建表格的四个元素：table、tbody、tr、th、td
注意：
1、<table>…</table>：整个表格以<table>标记开始、</table>标记结束。
2、<tbody>…</tbody>：当表格内容非常多时，表格会下载一点显示一点，但如果加上<tbody>标签后，这个表格就要等表格内容全部下载完才会显示。如右侧代码编辑器中的代码。
3、<tr>…</tr>：表格的一行，所以有几对tr 表格就有几行。
4、<td>…</td>：表格的一个单元格，一行中包含几对<td>...</td>，说明一行中就有几列。
5、<th>…</th>：表格的头部的一个单元格，表格表头。
6、表格中列的个数，取决于一行中数据单元格的个数
caption标签，为表格添加标题 语法：<caption>标题文本</caption>
添加摘要 语法：<table summary="表格简介文本">
使用<a>标签，链接到另一个页面 语法：<a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a>
在新建浏览器窗口中打开链接 <a href="目标网址" target="_blank">click here!</a>
使用mailto在网页中链接Email地址
<img>标签，为网页插入图片 语法：<img src = "myimage.gif" alt = "My Image" title = "My Image" />
使用表单标签form，与用户交互
例：<form method="post" action="save.php">
<label for="username">用户名:</label>
<input type="text" name="username" />
<label for="pass">密码:</label>
<input type="password" name="pass" />
</form>
文本输入框、密码输入框
语法：<form>
<input type="text/password" name="名称" value="文本" />
</form>
1、type：当type="text"时，输入框为文本输入框;
当type="password"时, 输入框为密码输入框。
2、name：为文本框命名，以备后台程序ASP 、PHP使用。
3、value：为文本输入框设置默认值。(一般起到提示作用)
文本域，支持多行文本输入 语法：<textarea rows="行数" cols="列数">文本</textarea>
使用单选框、复选框，让用户选择 语法：使用单选框、复选框，让用户选择
语法：<input type="radio/checkbox" value="值" name="名称" checked="checked"/>
使用下拉列表框，节省空间
语法：<select>
<option value='提交值' select="select">选项</option>
</select>
使用下拉列表框进行多选
下拉列表也可以进行多选操作，在<select>标签中设置multiple="multiple"属性，就可以实现多选功能，在 widows 操作系统下，进行多选时按下Ctrl键同时进行单击（在 Mac下使用 Command +单击），可以选择多个选项。如下代码
使用提交按钮，提交数据 语法：<input type="submit" value="提交">
使用重置按钮，重置表单信息 语法：<input type="reset" value="重置">
3873
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
