HTML是超文本标记语言——HyperText Markup Languag。它定义了网页内容的含义和结构。与编程语言不同,HTML是一种标记语言,它用一套标记标签来描述页面。
大多数标签因为要输入内容,所以都是成对出现的,如:<html></html> <body></body> <p></p>
少数标签则单个出现,如:<img> <br> <hr>
网页的基本结构举例如下:
<!DOCTYPE html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> h1 {color:red} p {color:blue} </style> </head> <body> <h1></h1> <p><br><hr></p> <div> <h1></h1> <p><br><hr></p> <ul> <li></li> <li></li> </ul> <ol> <li></li> <li></li> </ol> </div> <img src=" " alt=" "> <a href=" "></a> </body> </html>
<!DOCTYPE html> 说明文档类型为html,必须在HTML文档第一行
<head> 头标签,是所有头部元素的容器,<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。
<meta charset="UTF-8"> 不包含任何内容,但它的属性提供有关页面的元信息,比如针对搜索引擎和更新频度的描述和关键词
<title></title> 定义文档的标题
<style></style> 定义文档的样式信息
<body></body> 包含文档的所有内容(比如文本、超链接、图像、表格和列表等等。)
<h1></h1> 定义文档标题
<p></p> 定义段落
<ul></ul>定义无序列表
<ol></ol>定义无序列表
<li> 标签定义列表项目,用在有序列表 (<ol>) 和无序列表 (<ul>)中 。
<br> 换行符,相当于回车
<hr> 在页面中画一条水平线,用以区分上下文
<div></div> 把文档分割为独立的、不同的部分,便于设计样式
<img>向网页中嵌入一幅图像
<a>定义超链接,用于从一张页面链接到另一张页面