html的基本语法

Q18600000000

于 2024-09-14 15:13:06 发布

阅读量327

点赞数 10

文章标签： html 前端

本文链接：https://blog.csdn.net/Q18600000000/article/details/142259264

版权

HTML（HyperText Markup Language）是用于创建网页的标准标记语言。它不是一种编程语言，而是一种标记语言，它告诉浏览器如何展示内容，如文本、图片、链接、列表等。HTML文档由一系列的标签（elements）组成，这些标签用尖括号（< >）包围，标签对可以包含内容，例如标题、段落、链接等。

HTML基本结构

每个HTML文档都有一个基本的结构，如下所示：

	`<!DOCTYPE html>`
	`<html>`
	`<head>`
	`<meta charset="UTF-8">`
	`<title>页面标题</title>`
	`</head>`
	`<body>`

	`<h1>这是一个标题</h1>`
	`<p>这是一个段落。</p>`

	`</body>`
	`</html>`

<!DOCTYPE html>: 声明文档类型和HTML版本，告诉浏览器这是一个HTML5文档。
<html>: 包含了整个HTML文档的根元素。
<head>: 包含了文档的元（meta）数据，如字符集定义、文档标题、链接到样式表和脚本等。
- <meta charset="UTF-8">: 定义网页内容编码为UTF-8，支持多国语言。
- <title>: 定义了网页的标题，在浏览器标签页上显示。
<body>: 包含了可见的页面内容，如文本、图片、视频、游戏、可播放音频等。

常用标签

标题标签 (<h1> 到 <h6>)：定义六级标题，<h1> 是最高级别的标题。
段落标签 (<p>)：定义文本的一个段落。
链接标签 (<a>)：定义超链接，可以链接到网页、图片、文件、电子邮箱地址、位置等。
- 示例：<a href="https://www.example.com">访问示例网站</a>
图片标签 (<img>)：嵌入图片。
- 示例：<img src="image.jpg" alt="示例图片">
列表标签：
- 无序列表 (<ul>)：用<li>定义列表项。
- 有序列表 (<ol>)：同上，但列表项会有编号。
表格标签：
- <table>：定义表格。
- <tr>：定义表格中的行。
- <td>：定义表格中的单元格。
- <th>：定义表格中的表头单元格。
表单标签 (<form>)：用于收集用户输入，可以包含多种输入元素，如文本字段、复选框、单选按钮、提交按钮等。