资讯专栏INFORMATION COLUMN

上云采购季！| 爆款云服务器低至4.6元/月，首单享0.9折

免费试用
首页/文章专栏/html常用标签

html常用标签

TalkingData / 1365人阅读

摘要：表格的头部的一个单元格，表格表头。表格的一个单元格，一行中包含几对，说明一行中就有几列。就是说，当用户单击选中该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上就自动选中和该标签相关连的表单控件上。

1、em/strong/span

　　　　　　　 正常字体内容，设置与普通字体不同的样式

　　　　　　　　斜体，表示强调语义

　　　　　 　 加粗字体，表示强调语义

　　例子：

　　　　

第一段


　　　　

第二段


　　　　

第三段


　　　　

第四段

 　　　　　　

 

2、q/blockquote

　　　　　　　　   引用一句话，给这句话加双引号

　　

　　  缩进样式

　　例子：

　　　　

感情有着极大的鼓舞力量


　　　　

感情有着极大的鼓舞力量

　　　　　　

 3、br/ 

　　　　
　　　　  换行

　　　　 　　　   空格，html代码中输入多个空格或回车，在浏览器中只占一个空格位置，要想输入多个空格，可以使用多个 

　　　　例子：

 

　　　　

一行白鹭上青
　　　　　　天


　　　　

一行白鹭上青    天


　　　　

一行白鹭上青    天


　　　　

两岸猿声啼不住


　　　　

　　　　

风萧萧兮易水寒

　　　　　　

4、hr　　　　水平横线

　　　　例子：

　　　　

风萧萧兮易水寒


　　　　

　　　　

壮士一去兮不复还

　　　　　　

5、address　　　　一般网页中会有一些网站的联系地址信息需要在网页中展示出来，这些联系地址信息如公司的地址就可以

标签　　

　　　　例子：

　　　　

公司地址：

广东省深圳市科技园

　　　　　　

 6、ul　　　　没有前后顺序的信息列表

　　　　例子：　　

　　　　


    　　　　　　
  • 第一个

    • 　　　　　　
  • 第二个

    • 　　　　　　
  • 第三个

    • 　　　　

　　　　

7、ol　　　　有序列表

 　　　　例子：

　　　　


    　　　　　　
  1. 有序1

    2. 　　　　　　
  2. 有序2

    3. 　　　　　　
  3. 有序3

    4. 　　　　

　　　　　　

　　　　注：有序与无序的差别：（1）有序列表有start属性 ，最大序号为999 ；无序列表无start属性（2）有序列表前面有序号（序号形式由type属性值决定），无序列表前面没序号,只有圆点（圆点样式由type属性值决定）

 

8、表格元素

　　（1）table：　　 整个表格以

标记开始、
标记结束。

　　（2）tbody：　　如果不加 , table表格加载完后才显示。加上这些表格结构， tbody包含行的内容下载完优先显示，不必等待表格结束后在显示，同时如果表格很长，用tbody分段，可以一部分一部分地显示。（通俗理解table 可以按结构一块块的显示，不在等整个表格加载完后显示。）

　　（3）thead：　　定义表格的表头。该标签用于组合 HTML 表格的表头内容。

　　（4）tr：　　表格的一行，所以有几对tr 表格就有几行。

　　（5）th：　　表格的头部的一个单元格，表格表头。

　　（6）td：　　表格的一个单元格，一行中包含几对...，说明一行中就有几列。

　　（7）caption   表格标题

　　　　例子：

　　　　


　　　　　　
　　　　　　　　
　　　　　　　　　　
　　　　　　　　　　
　　　　　　　　
　　　　　　
　　　　　　
　　　　　　　　
　　　　　　　　　　
　　　　　　　　　　
　　　　　　　　
　　　　　　　　
　　　　　　　　　　
　　　　　　　　　　
　　　　　　　　
　　　　　　
　　　　
第一第二
表头一表头二
数据一数据二

　　　　　　

 

　　　　可以看到这个表格是没有边框的，那么可以设置一下table的css：

，效果如下：

　　　　　　

 9、

　　　　　　超链接，默认在当前窗口打开；target="_blank"：在新窗口打开。

　　　　　　链接显示的文本

　　　　　　target="_blank">链接显示的文本

　　　　　例子：

　　　　　　给我一首歌的时间
　　　　　　给我一首歌的时间

　　　　　　

10、img

　　　　

11、form表单

　　　　
　　以开始，以结束；

　　　　　 说明浏览器输入的数据要传送到的地方

　　　　   数据传送方式，post或者get

　　　　例子：

　　　　

　　　　　　
　　　　　　
　　　　　　
　　　　　　
　　　　

　　　　 

 

12、textarea文本域