关于Web测试,你需要了解的html基础知识
Html基础知识一、 什么是html?
是用来描述网页的一种语言,html指的是超文本标记语言(hyper textmarup language),
它不是一种编程语言,它是一种标记语言,html包含静态的html和动态的html
二、 html标签
例子:
欢迎来到青空之地
茫茫大海中,找一块属于自己的青空之地
在这里,你可以做自己想做的事
安例解析:
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图像是通过标签进行定义的
如:
注意:引号里面放的是图片的路径,如果不在同一目录下,则应该加上绝对路径。
案例:
青空地
欢迎来到青空之地
茫茫大海中,找一块属于自己的青空之地
在这里,你可以做自己想做的事
this is 百度 link
6、 html注释
可以将注释插入html代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。注释的语法:
7、 html换行
如果希望在不产生一个新段落的情况下换行,
请使用标签:
案例:
青空地
欢迎来到青空之地
茫茫大海中,找一块属于自己的青空之地
在这里,你可以做自己想做的事
this is 百度 link
8、 html div
可定义文档中的分区或节(division/section)。标签可以把文档分割为独立的、不同的部分,它可以用作严格的组织工具,并且不使用任何格式与其关联。如果用id或class来标记,那么该标签的作用会变
得更加有效。
案例:
青空地
欢迎来到青空之地
茫茫大海中,找一块属于自己的青空之地
在这里,你可以做自己想做的事
this is 百度 link
这是一块新的区域
四、 html基础属性
1、 name属性
name属性用于指定标签元素的名称。标签内必须提供href或name属性。
如:
2、 id属性
id属性规定html元素的唯一的Id
id在html文档中必须是唯一的。
Id属性可通过javascript(HTML DOM)可通过css为带有指定的id的元素改变或添加样式。