关于Web测试,你需要了解的html基础知识

Html基础知识一、 什么是html?

是用来描述网页的一种语言,html指的是超文本标记语言(hyper textmarup language),

它不是一种编程语言,它是一种标记语言,html包含静态的html和动态的html

二、 html标签

例子:

欢迎来到青空之地

茫茫大海中,找一块属于自己的青空之地

在这里,你可以做自己想做的事

9d15cc1300a244f7b1588be9e602bf07.png

安例解析:

1、与之间的文本是用来描述整个网页的内容

2、与之间标签内容是用来定义文档的头部,它是头部元素的容器。

3、与之间的文本是可见的页面内容

4、

与之间的文本被显示为标题

5、

之间的文本被显示为段落

总结:

1、 html标记标签通常被称为html标签(html tag)

2、 html标签是由尖括号包围的关键词,比如

3、 html标签通常是成对的,比如

4、 标签对中的第一个标签是开始标签,第二个标签是结束标签

5、 开始和结束标签也被称为开放标签和闭合标签

三、 基本的html标签

1、 html标题

html标题是通过

…..等标签进行下定义的,分为6级,字号大小不同。

如:

这是一个标题这是一个标题这是一个标题

2、 head定义和用法

标签用于定义文档的头部,它是所有头部元素的容器。中的元素可以引用脚本、指示浏览器在哪里找到样式表,提供元信息等等。

3、 html段落

html段落是通过

标签进行定义的

如:

这是一个段落.

这又是一个段落。

4、 html链接

html链接是通过标签进行定义的

标签定义超链接,用于从一张页面链接到另一张页面。

元素最重要的属性是href属性,它指示链接的目标。

如:

this is 百度link

案例:

青空地

欢迎来到青空之地

茫茫大海中,找一块属于自己的青空之地

在这里,你可以做自己想做的事

this is 百度 link

5、 html图像

html图像是通过标签进行定义的

如:

注意:引号里面放的是图片的路径,如果不在同一目录下,则应该加上绝对路径。

 案例:

d82fd6f3f0c548f6850388432a161b86.png

青空地

欢迎来到青空之地

茫茫大海中,找一块属于自己的青空之地

在这里,你可以做自己想做的事

this is 百度 link

6、 html注释

可以将注释插入html代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。注释的语法:

7、 html换行

如果希望在不产生一个新段落的情况下换行,

请使用
标签:

案例:

青空地

欢迎来到青空之地

茫茫大海中,
找一块属于自己的青空之地

在这里,你可以做自己想做的事

this is 百度 link

cb5b13d3fd1c425fbabf6cf5e7796090.png

8、 html  div

可定义文档中的分区或节(division/section)。标签可以把文档分割为独立的、不同的部分,它可以用作严格的组织工具,并且不使用任何格式与其关联。如果用id或class来标记,那么该标签的作用会变

得更加有效。

案例:

d91f442348c74695a43cef77c127bd91.png

青空地

欢迎来到青空之地

茫茫大海中,
找一块属于自己的青空之地

在这里,你可以做自己想做的事

this is 百度 link

这是一块新的区域

四、 html基础属性

1、 name属性

name属性用于指定标签元素的名称。标签内必须提供href或name属性。

如:

2、 id属性

id属性规定html元素的唯一的Id

id在html文档中必须是唯一的。

Id属性可通过javascript(HTML  DOM)可通过css为带有指定的id的元素改变或添加样式。

打开APP阅读更多精彩内容