HTML(HyperText Markup Language,超文本标记语言),是一种用来告知浏览器如何组织页面的标记语言,通常由一系列的元素(Element)组成,这些元素可以用来包围或标记不同部分的内容,使其以某种方式呈现或者工作。
元素是网页的一部分,在 XML 和 HTML 中,一个元素可以包含一个数据项,或是一块文本,或是一张照片,亦或是什么也不包含。一个典型的元素包括一个具有一些属性(Attribute)的开始标签(Opening Tag),中间的文本内容和一个结束标签(Closing Tag)。
<p class=“nice”>hello world</p>
如上所示:
- <p>称为开始标签
- </p>称为结束标签
- class代表属性名
- nice代表属性值
- hello world代表段落文本。
常见的元素标签:
如下表,分类包含块级元素和内联元素,其中块级元素可以互相嵌套,通常单独占一行,而内联元素只能嵌套在块级元素之中,不会换行。如:
<p>我喜欢<em>李白</em>和<strong>苏轼</strong>,你呢?</p>
空元素,指的是没有结束标签,没有文本内容的元素。如<img>
标签 | 说明 | 分类 |
---|---|---|
<p>学习HTML</p> | 段落 | 块级元素 |
<em>学习HTML</em> | 斜体强调 | 内联元素 |
<strong>学习HTML</strong> | 着重强调 | 内联元素 |
<img src= “https://inews.gtimg.com/om_bt/ OHyQqgC_5oi4Vm0tlH49XvJzqNBHo2Zryxx5F_be5N2cIAA/ 1000“/> | 插入一张指定的图片 | 空元素,内联元素 |
<a href=”https://www.baidu.com”>百度</a> | 超链接 | 块级元素 |
<html></html> | 包裹页面所有内容 | 根元素 |
<head></head> | 需要包含在页面中,但不希望显示的内容 | 头元素 |
<body></body> | 需要显示在页面中的内容 | 体元素 |
<meta charset="utf-8" /> | 元数据元素 | |
<title></title> | 设置页面的标题。显示在浏览器标签上的内容。 | |
<h1></h1> <h2></h2> <h3></h3> <h4></h4> <h5></h5> <h6></h6> | 不同级别的标题,h1最大,h6最小。 | 块级元素 |
<link rel="stylesheet" href="my-css-file.css" /> | 加载css文件 | |
<script src="my-js-file.js" defer></script> | 加载javascript脚本文件 | |
<ul></ul> | 无序列表组 | 块级元素 |
<ol></ol> | 有序列表组 | 块级元素 |
<li></li> | 列表项(包裹在列表组标签内) | 块级元素 |
<mark></mark> | 背景颜色(默认黄色) | 内联元素 |