小小千想和您聊一聊

当前位置: 首页> 技术分享> web测试基础-HTML基础标签

web测试基础-HTML基础标签

  软件开发的发展历程

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

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

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

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

  HTML是Web开发的基本技术。

  HTML发展


  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 align="center">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)

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


上一篇:HTML5工具初识之网页编辑器

下一篇:HTML5 有哪些让你惊艳的 demo

QQ技术交流群

千锋软件测试官方①群
858327674

加入群聊