HTML拾遗

一:标签

 1:强调

<strong>加醋、<em>斜体

2:单独样式

<span>如果不加样式,那它包围的文字就是普通文字,可以在span中增加样式,就所包围的内容进行单独样式定制。

3:引用

短文本引用:单行引用,用<q>标签加双引号

长文本引用:多行引用,用<blockquote>标签

4:换行

<br/>

5:空格

&nbsp;

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">

 

 

原文地址:https://www.cnblogs.com/ygj0930/p/7300904.html