HTML(HyperText Markup Language,超文本标记语言)是一种用于创建网页的标准标记语言,它使用一系列标签来描述网页的内容和结构,使得浏览器能够正确地显示和解析网页,HTML文件通常以“.html”或“.htm”为扩展名。
HTML的起源可以追溯到20世纪80年代,当时互联网还处于起步阶段,为了在各种计算机系统和浏览器之间实现信息的共享和传输,人们需要一种通用的、标准化的语言来描述网页的结构,于是,HTML应运而生,自那时起,HTML经历了多个版本的更新,从最初的HTML 1.0到目前的HTML5,不断发展壮大。
HTML文件的基本结构包括以下几个部分:
1、文档类型声明(DOCTYPE):告诉浏览器当前文档使用的是哪种HTML版本。<!DOCTYPE html>
表示使用的是HTML5。
2、HTML元素:HTML文件由一系列的HTML元素组成,这些元素使用尖括号包围,如<html>
、<head>
、<body>
等,每个元素都有一个开始标签和一个结束标签,开始标签中包含一个标签名,结束标签中包含一个斜杠和一个标签名。
3、属性:HTML元素可以包含一些属性,用于提供关于元素的额外信息,属性通常放在元素的开始标签中,用空格分隔。<img src="example.jpg" alt="示例图片">
中的src
和alt
就是两个属性。
4、文本内容:HTML元素之间的文本内容是用户在浏览器中看到的实际内容,文本内容可以直接放在元素之间,也可以放在元素的开始标签和结束标签之间。
HTML文件中常用的元素有:
1、<html>
:整个HTML文档的根元素。
2、<head>
:包含文档的元数据,如标题、字符集、样式表链接等。
3、<title>
:定义文档的标题,显示在浏览器的标题栏或标签页上。
4、<body>
:包含文档的主体内容,如文本、图片、链接等。
5、<h1>
至<h6>
:定义不同级别的标题。
6、<p>
:定义段落。
7、<a>
:定义超链接,用于链接到其他页面或资源。
8、<img>
:插入图像。
9、<ul>
和<ol>
:定义无序列表和有序列表。
10、<li>
:定义列表项。
11、<table>
:定义表格。
12、<form>
:定义表单,用于收集用户输入的数据。
13、<input>
:定义输入控件,如文本框、密码框、单选按钮等。
14、<button>
:定义按钮控件。
15、<div>
和<span>
:定义块级和内联容器,用于对元素进行分组或样式控制。
HTML文件可以通过各种文本编辑器(如Notepad++、Sublime Text、Visual Studio Code等)编写和编辑,编写完成后,可以使用浏览器打开查看效果,还可以使用CSS(层叠样式表)和JavaScript(一种脚本语言)对HTML文件进行样式和交互性的增强。