html常用标签

随着计算机网络的迅速发展，利用Internet上的网站、和精美的网页来吸引浏览者的目光，不再是一个孤立的问题，它成为了大家共同关注的目标。《html》课程涉及到的内容有网页架设、网页编辑、多媒体元素插入、层叠样式表的使用、表单元素的添加、表格的绘制等多方面的知识，具有很强的先进性;它是计算机应用、电子商务、计算机网络、计算机软件等专业的一门基础课程。

HTML(Hyper Text Markup Language)，中文通常称作超文本标记语言)是一种文本类解释执行的标记语言，它是Internet上用于编写网页的主要语言。

相信同学们都有过上网冲浪的经历，打开浏览器并在地址栏中输入一个网站的地址，就会展示出相应的网页内容了。网页中可以包含很多种类型的内容作为网页的元素，其中最基本的网页元素是文字，此外还包括静态的图形和动画，以及声音和视频等其他形式的多媒体文件。所有我们所看到的网页内容，都是通过HTML来展现的。本章将从HTML的基本知识开始，力图深人浅出地向学生介绍什么是HTML，以及如何运用HTML来设计网页。

HTML 不是一种编程语言，而是一种标记语言 (markup language)。

HTML 使用标记标签来描述网页。

html由元素和标签组成，其中元素包括title、html、head、body、img等等。标签分为单标签和双标签。

在网页的标志对之间，我们经常见到这样一些代码：

meta name="keywords" content="study,computer"

用来标记搜索引擎在搜索你的页面时所取出的关键词

meta http-equiv="Content-Type" content="text/html; charset=utf-8"

用来标记你的页面的解码方式

meta name="Description" content="This is an school"

用来标记网页描述内容，搜索引擎在搜索页面时可以取出该内容

标题标签，分为h1-h6六个级别，字体大小逐级减小。

段落标签，由p组成的双标签，用于文章段落。水平线的标签 hr，换行标签 br。

列表标签(无序)

列表是一种非常有用的数据排列方式，它以列表的形式来显示数据。HTML列表分无序列表、有序列表和定义列表。默认情况下，无序列表的项目符号是ul，而通过list-style属性可以调整无序列表的项目符号，避免列表符号的单调。

有序列表ol,定义列表dl、dt、dd

超链接(概念/内部/外部)a标签有href name target三个属性，其中target中_self 在当前页面中打开链接;_blank，在一个全新的空白窗口中打开链接。

路径(相对/绝对)

大家都知道，在我们平时使用计算机时，要找到需要的文件就必须知道文件的位置，而表示文件的位置的方式就是路径，例如只要看到这个路径：c:/website/img/photo.jpg我们就知道photo.jpg文件是在c盘的website目录下的img子目录中。类似于这样完整的描述文件位置的路径就是绝对路径。

所谓相对路径，顾名思义就是自己相对与目标位置。

相对路径：

./当前目录

../上级目录

../../上两级目录

/跟目录

图像标签、图像格式该标签属性

src 图像地址 source，alt 图片由于其他原因丢失提示信息，title 鼠标滑过图片提示信息

上标标签、下标标签：

上标sup

9*9=81，9sup2/sup=81

下标sub

例如硫酸分子式 H2SO4，Hsub2/subSOsub4/sub

div标签和span标签

简单而言是一个区块容器标签，即两个div之间相当于一个容器，可以容纳段落、标题、表格、图片乃至章节、摘要和备注等各种HTML元素。可以把两个div之间内容视为一个独立的对象，用于以后学习的CSS的控制。声明时只需要对div进行相应的控制，其中各种标签元素都会随之改变。div是一个通用的块级元素，它包围的元素会自动换行。用它可以容纳各种元素，从而方便排版。

span

该标签是一个行内元素(inline elements)，在它的前后不会换行。

该标签可以包含于div标签中，成为它的子元素，而反过来则不成立，即span标签不能包含div标签。