web测试基础-HTML基础标签

软件开发的发展历程

软件是用计算机语言编写的。计算机语言的发展经历了从机器语言、汇编语言到高级语言的历程。

9acd06aa6493417eae39a667d573344e.png

HTML(Hyper Text Markup Language 超文本标识语言)

是一种用来制作超文本文档的简单标记语言。

用HTML编写的超文本文件称为HTML文件,也称Web文件。

HTML是Web开发的基本技术。

HTML发展

2cfcb5edcae445d59bab9a37e7041e46.png

HTML文件的基本结构

<HTML>

<HEAD>

<TITLE>标题</TITLE>

</HEAD>

<BODY >

网页内容

</BODY>

</HTML>

HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

HTML 标签是由尖括号包围的关键词,比如 <html>

HTML 标签通常是成对出现的,比如 <b> 和 </b>

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

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

HTML元素

HTML 元素指的是从开始标签到结束标签的所有代码,是HTML语言的基本部分。

HTML 文档由嵌套的 HTML 元素构成。

空的 HTML 元素

没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。<br>(定义换行的标签) 就是没有关闭标签的空元素。

HTML元素属性

HTML元素可以有自己的相关属性,属性为 HTML 元素提供附加信息

例: <h1>This is heading 1</h1>

属性通常添加在元素的开始标签当中,属性值带双引号。

常用基本标签

标题: <h1> - <h6>

段落: <p>

换行: <br>

链接: <a>

图像: <img>

注释:<!--This is a comment-->

嵌入元素(声频、视频):

<embed src=“文件名”>

常用格式化标签

HTML定义了一些文本格式的标签,可以改变字体样式。

<b> 粗体bold

<big>定义大号字。

<small>定义小号字。

<em>定义着重文字。

<i> 斜体italic

<del> 文字当中划线表示删除

<ins> 文字下划线表示插入

<sub> 下标

<sup> 上标

字体、字号标签<FONT>

<FONT size=“+2” color=“red” ></FONT>

size:设置字体的大小

color:设置字体的颜色

超链接

超级链接是用<a>定义的

指向其他网页:

在<a>元素下,有元素属性href, href的属性值为一个URL地址

<a href=“http://www.baidu.com”>百度主页</a>

<a href=“login.html”>登陆页面</a>

表格

表格由 <table> 标签来定义。

每个表格均有若干行(由 <tr> 标签定义),

每行被分割为若干单元格(由 <td> 标签定义)。

字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

三个元素必须一起使用,否则无法定义表格。

表格

常用标签和属性:

标题<caption>

表头<th>

边框:border属性

背景色:bgcolor属性

背景图片:background属性

列表

无序列表

用一个符号标志每个列表项

由<ul>开始,每个列表项由<li>开始。

有序列表

每个列表项前标有数字,表示顺序

由<ol>开始,每个列表项由<li>开始。

定义列表

通常用于术语的定义。

由<dl>开始。术语由<dt>开始。术语的解释说明,由<dd>开始,<dd></dd>里的文字缩进显示。

图片

基本语法:

<img src=“图片url”>

引用图片必须用<img>元素标志。

src属性是必须的。src的URL可以是绝对地址,也可以是相对地址(推荐)

图片

常用标签和属性

替换文本属性(Alt)

图像大小、边框、对齐方式。