一:标签
1:强调
<strong>加醋、<em>斜体
2:单独样式
<span>如果不加样式,那它包围的文字就是普通文字,可以在span中增加样式,就所包围的内容进行单独样式定制。
3:引用
短文本引用:单行引用,用<q>标签加双引号
长文本引用:多行引用,用<blockquote>标签
4:换行
<br/>
5:空格
6:水平分割线
<hr/>
7:地址
<address>斜体显示地址
8:代码
<code>以特殊格式显示单行代码
9:多行代码
<pre>以特殊格式显示多行代码,会保留空格和换行符。
10:无序列表:列表项前是原点
<ul> <li>列表内容</li> 。。。 </ul>
11:有序列表:列表项前是序号
<ol> <li>信息</li> <li>信息</li> ...... </ol>
12:排版
<div id="模块名称">
为每一模块命名,让代码更清晰易懂。
13:表格
创建表格的四个元素:table、tbody、tr、th、td
<table>…</table>:整个表格以<table>
标记开始、</table>
标记结束。
<tbody>…</tbody>:如果不加<thead><tbody><tfooter> , table表格加载完后才显示。加上这些表格结构, tbody包含行的内容下载完优先显示,不必等待表格结束后在显示,同时如果表格很长,用tbody分段,可以一部分一部分地显示。(通俗理解table 可以按结构一块块的显示,不在等整个表格加载完后显示。)
<tr>…</tr>:表格的一行,所以有几对tr 表格就有几行。
<td>…</td>:表格的一个单元格,一行中包含几对<td>...</td>
,说明一行中就有几列。
<th>…</th>:表格表头,居中加粗。
14:表格标题与摘要
<table summary="摘要"> <caption>标题文本</caption> <tr> <td>…</td> <td>…</td> … </tr> … </table>
摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化),使搜索引擎更好的读懂表格内容,还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。
标题用以描述表格内容,标题的显示位置:表格上方。
15:超链接的打开动作
_blank -- 在新窗口中打开链接
_parent -- 在父窗体中打开链接
_self -- 在当前窗体打开链接,此为默认值
_top -- 在当前窗体打开链接,并替换当前的整个窗体(框架页)
一个对应的框架页的名称 -- 在对应框架页中打开
16:用a标签实现邮件功能
有多个参数的话,第一个参数必须以“?
”开头,后面的参数每一个都以“&
”分隔。
17:多行文本输入的区域尺寸
可以用css中的width、height控制。
18:表单输入标签
<input>
根据type属性不同,可以输入:文本text、密码password、单选课radio、复选框checkbox、提交按钮submit、重置按钮reset
单选框、复选框用name属性来分组,同name属性值的为一组。
19:单选下拉列表
<select> <option value="提交值" selected="selected">显示文本</option>//被选中 </select>
20:多选下拉列表
<select multiple="multiple"> <option value="提交值">显示文本</option> </select>
21:label文本标签
可以为文本绑定一个其他元素,点击该文本时选中所绑定的元素。
<label for="另一个标签id">