html简述—

html简述——part1

news2024/9/19 22:18:21

HTML概述

HTML（HyperText Markup Language）是一种用于创建网页的标准标记语言，具体指超文本标记语言。它不是一种编程语言，而是一种标记语言，用于描述网页的结构和内容。通过HTML，开发者可以定义网页的标题、段落、链接、图像、列表、表格、表单等各种元素，以及这些元素在网页上的布局和样式。

超文本：页面内可以包含图片，链接，声音，视频等内容

标记：标签（通过标记符号来告诉浏览器网页内容该如何来显示）

浏览器通过看不同的HTML 标签，解析成我们看到的网页

HTML基本语法

HTML写网页的代码的基本结构：

HTML中的常见标签

标签结构

<开始标签> 标签体 </结束标签> 闭合标签(封闭的区间) 双标签

<标签名 /> 自闭和标签,没有修饰的内容,只是完成某个功能 单标签

1. 基础标签

<!DOCTYPE html>：定义文档类型和版本，告知浏览器当前文档使用的是HTML5。
<html>：HTML文档的根元素。
<head>：包含了所有的头部标签元素，如<meta>, <title>, <link>, <style>等，这些元素不会在网页上直接显示，但会影响网页的渲染和显示方式。
<title>：定义浏览器工具栏的标题，当网页添加到收藏夹时的标题。
<body>：包含了可见的页面内容，如文本、图片、音频、视频等。

2. 标题和段落

<h1> 到 <h6>：定义标题或子标题，<h1> 定义最大的标题，<h6> 定义最小的标题。
<p>：定义段落。

3. 文本格式化

<b> 和 <strong>：加粗文本，<strong> 在语义上表示重要内容。
<i> 和 <em>：使文本倾斜，<em> 在语义上表示强调。
<del> 和 <s>：为文本添加删除线。
<ins> 和 <u>：为文本添加下划线。
<sup> 和 <sub>：定义上标和下标文本。

4. 图像和链接

<img>：用于插入图像，必须包含src属性来指定图像的来源。
<a>：定义超链接，用于从一个页面跳转到另一个页面或页面中的某个部分。必须包含href属性来指定链接的目标地址。

5. 列表

<ul>：定义无序列表。
- <li>：定义列表中的项。
<ol>：定义有序列表。
- <li>：定义列表中的项。
<dl>：定义描述列表。
- <dt>：定义列表中的项。
- <dd>：描述列表中的项。

6. 表格

<table>：定义表格。
- <caption>：定义表格标题。
- <thead>：定义表格的头部。
  - <tr>：定义表格中的行。
    - <th>：定义表头单元格。
- <tbody>：定义表格的主体。
  - <tr>：定义表格中的行。
    - <td>：定义表格中的单元格。
- <tfoot>：定义表格的尾部。

7. 布局和容器

<div>：定义文档中的区块或节，常用于样式布局。
<span>：定义文档中的行内区块或节，常用于文本内小块内容的样式设置。

8. 特殊元素

<br>：插入简单的换行符。
<hr>：插入水平线。
<center>（非HTML5推荐）：使内容居中，但在HTML5中推荐使用CSS来实现。

9. 表单

<form>：定义HTML表单，用于用户输入。
- <input>：定义输入控件，如文本字段、复选框、单选按钮等。
- <textarea>：定义多行文本输入控件。
- <button>：定义点击按钮。
- <select> 和 <option>：定义下拉选择列表。