0
点赞
收藏
分享

微信扫一扫

如何做好功能测试?

贵州谢高低 2024-01-22 阅读 29

目录

1.b/strong标签

2.i/em 标签

3.u标签

4.del删除线

5.br换行

6.p标签 *

7.pre 预处理标签

8.span标签**

9.div标签***

10.sub标签

11.sup标签

12.hr标签

13.hn标签

14.HTML5中语义标签

特殊字符

15.多媒体标签

img***

a 标签***

第一种用法:超链接

第二种用法:锚点

audio 标签

video标签

16.表格标签**

基本表格

带标题的表格

跨行跨列表格

表格嵌套

17.列表标签***

ul

ol

dl

18.表单标签***

form标签

input

select

textarea


1.b/strong标签

这个标签是用于加粗文字的,一般用于强调某个部分的作用。

在以后使用中,推荐使用 strong 标签。

2.i/em 标签

它们的使用是让文字变为斜体

3.u标签

它的作用是给文字添加下划线

4.del删除线

它的使用是给文字添加删除线

5.br换行

不需要</br>

6.p标签 *

这个标签是一个段落标签,它本身就自带了行间距。在这个标签中的文件会独占一行。

7.pre 预处理标签

        这个标签的作用是书写的内容与显示的样式内容相同

这个标签一般用于显示源码的。

8.span标签**

        它是一个行内标签,它没有什么特殊的意义,但是在使用中却比较多。一般会接合 css 样式来修饰文本。

9.div标签***

它是一个块状标签,一般用于页面布局。

10.sub标签

这个标签的作用是指定下标,一般用于数字方面。

11.sup标签

这个标签的作用是指定上标,一般用于数字方面。

12.hr标签

这个标签用于给页面划水平线。不需要</hr>

标签属性说明:

13.hn标签

这个标签中的 n 是 1 ~ 6 的数字,一般用于标题。

14.HTML5中语义标签

这个标签是 HTML5 中定义的新的语义标签,有以下几个:

  • header:用于定义页面的顶部

  • article:用于表示文章的内容

  • section:用于定义内容的分块信息

  • nav:用于定义页面的导航部分

  • aside:用于定义页面的侧边栏

  • footer:用于定义页面的页脚部分

  • address:用于定义用户邮件、地址等信息

特殊字符

在 HTML 中有很多特殊字符,如下表所示

特殊字符转义码
空格&nbsp;
<&lt;
>&gt;
版权&copy;

15.多媒体标签

img***

这个标签的作用是在页面中引入图片

标签属性说明:

a 标签***

这个标签是用于作链接的标签。

第一种用法:超链接

属性说明:

href:这个属性是一个必须属性,用于指定要打开的目标地址
target:链接打开的方式,有以下几个值:
   - _blank:在新窗口打开
   - _self:在本窗口打开,默认值
   - _top:在父窗口打开,一般用于 frame 框架时
   - _parent:在父窗口打开,一般用于 frame 框架时
第二种用法:锚点

audio 标签

这个标签是用于播放音乐的标签。常用支持格式为 mp3 格式。

标签属性说明:

1. controls:它是用于对播放器进行控制器的,即显示播放器的控制按钮
2. src:用于指定音频文件的路径
3. autoplay:指定是否自动播放
4. loop:指定是否循环播放

video标签

标签属性说明:

1. src:指定要播放的视频地址,可以是相对路径,也可以是绝对路径。这个标签所支持的视频格式不多,  目前只把持 mp4、ogg 两种
2. controls:显示播放控制按钮
3. autoplay:自动播放
4. loop:自动循环
5. width:设置播放器的宽度
6. height:设置播放器的高度

16.表格标签**

在我们进行数据展示时,很多时候都会用到表格,特殊是在后台进行数据管理时,或者显示列表数据时,就会用表格。

要使用表格就需要用到 table 标签,而表格是由行和列组成。行的标签是 tr,而列的标签是 td 或 th。

基本表格

表格的标签和属性说明:

带标题的表格

        使用 caption 来指定表格的标题,使用 thead 标签来指定表格的头,tbody 来指定表格数据区,tfoot 指定表格的尾部

td 和 th 的区别:

  1. td中的内容是普通格式,而 th 中的内容是加粗的格式

  2. td中的内容是左对齐,而 th 中的内容是居中对齐

跨行跨列表格

相关属性说明:

1. colspan:用于指定要跨多少列,它的值是一个数字
2. rowspan:用于指定要跨多少行,它的值是一个数字

表格嵌套

17.列表标签***

在 HTML 中,列表标签有以下几种:

  • ul

  • ol

  • dl

ul

它是无序列表标签

标签和属性说明:

ol

它是有序列表

type属性有以下值:

dl

它数据列表

18.表单标签***

form标签

这个标签是用于表单提交的标签,一般在与用户交互时就会用到 form 标签。

标签属性说明:

name:用于给这个表单取一个唯一的名称,便于后续使用 js 来操作这个表单
action:表单提交的地址
method:表单提交的方式,有以下两个值:
    - get:表单以 get 方式提交
    - post:表单以 post 方式提交

input

这是表单元素中非常重要一组标称,它有很多类型:

select

select是下拉列表标签

标签属性说明:

textarea

这个标签是用于输入大文本内容的标签。

标签属性说明:

举报

相关推荐

0 条评论