1.<body></body>
在网页上要展示出来的页面内容一定要放在body标签中。
2.<p></p>
表示段落
3.<hx></hx>
表示标题,h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。
4.<strong></strong>
表示粗体
5.<em></em>
表示斜体
6.<span></span>
<span>标签是没有语义的,它的作用就是为了设置单独的样式用的。
span{
color:blue;
}
7.<q></q>
短文本引用,注意要引用的文本不用加双引号,浏览器会对q标签自动添加双引号。
8.<blockquote></blockquote>
长文本引用。
9.<br />
表示换行
10.
表示空格
11.<hr />
添加水平横线
12.<address></address>
表示联系地址,也可以定义一个地址(比如电子邮件地址)、签名或者文档的作者身份。
13.<code></code>
表示一行代码
14.<pre></pre>
表示大段代码
15.
<ul>
<li>信息</li>
<li>信息</li>
......
</ul>
显示列表
16.
<ol>
<li>信息</li>
<li>信息</li>
......
</ol>
显示有序列表
17.<div</div>
相当于一个容器,可以把一些独立的逻辑部分划分出来,放在一个<div>标签中。
18.<div id="版块名称"></div>
给div命名
19.table表格标签
1、<table>…</table>:整个表格以<table>标记开始、</table>标记结束。
2、<tbody>…</tbody>:当表格内容非常多时,表格会下载一点显示一点,但如果加上<tbody>标签后,这个表格就要等表格内容全部下载完才会显示。如右侧代码编辑器中的代码。
3、<th>…</th>:表格的头部的一个单元格,表格表头。
4、<tr>…</tr>:表格的一行,所以有几对tr 表格就有几行。
5、<td>…</td>:表格的一个单元格,一行中包含几对<td>...</td>,说明一行中就有几列。
20.caption标签,为表格添加标题和摘要。
摘要:
<table summary="表格简介文本">
标题:
<table>
<caption>标题文本</caption>
<tr>
<td>…</td>
<td>…</td>
…
</tr>
…
</table>
21.<a></a>
实现超链接
<a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a>
在新建浏览器窗口中打开链接
<a href="目标网址" target="_blank">click here!</a>
使用mailto在网页中链接Email地址
22.<img>
加载图片
<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">
23.<form></form>
表单标签
<form method="传送方式" action="服务器文件">
action :浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。
method : 数据传送的方式(get/post)。
(1)文本输入框、密码输入框
<input type="text/password" name="名称" value="文本" />
1、type:
当type="text"时,输入框为文本输入框;
当type="password"时, 输入框为密码输入框。
2、name:为文本框命名,以备后台程序ASP 、PHP使用。
3、value:为文本输入框设置默认值。(一般起到提示作用)
(2)文本域
当用户需要在表单中输入大段文字时,需要用到文本输入域。
<textarea rows="行数" cols="列数">文本</textarea>
cols :多行输入域的列数。
rows :多行输入域的行数。
在<textarea></textarea>标签之间可以输入默认值。
(3)单选框、复选框
<input type="radio/checkbox" value="值" name="名称" checked="checked"/>
1、type:
当 type="radio" 时,控件为单选框
当 type="checkbox" 时,控件为复选框
2、value:提交数据到服务器的值(后台程序PHP使用)
3、name:为控件命名,以备后台程序 ASP、PHP 使用
4、checked:当设置 checked="checked" 时,该选项被默认选中
(4)下拉列表框
<select></select>
多选:<select multiple="multiple"></select>
<option value="向服务器提交的值" selected="selected">显示的值</option>
设置selected="selected"属性,则该选项就被默认选中。
(5)提交按钮
<input type="submit" value="提交">
type:只有当type值设置为submit时,按钮才有提交作用
value:按钮上显示的文字
(6)重置按钮
<input type="reset" value="重置">
type:只有当type值设置为reset时,按钮才有重置作用
value:按钮上显示的文字
(7)label标签
<label for="male">男</label>
点击男就会触发id为male的控件