【 Python 全栈开发 - WEB开发篇 - 24】html基础

最新推荐文章于 2024-09-13 17:25:45 发布

书某人.py

最新推荐文章于 2024-09-13 17:25:45 发布

阅读量671

点赞数

分类专栏： Python 全栈开发文章标签： html 前端 css

本文链接：https://blog.csdn.net/SHUTIAN2010/article/details/131091765

版权

Python 全栈开发专栏收录该内容

45 篇文章 18 订阅

订阅专栏

文章目录

一、HTML
二、标签
三、属性

一、HTML

HTML（Hyper Text Markup Language, 超文本标记语言） 是一种用于构建网页的标记语言，它由一系列的标签（tag）组成，这些标签用于描述网页中的文本、图片、链接等元素的显示方式和排版，从而实现网页的结构和布局。 HTML 语言是构建 Web 的基础，是现代Web应用程序的核心组件之一。在 Web 开发中，HTML 通常与 CSS 和 JavaScript 一起使用，CSS 用于控制网页的样式和布局，JavaScript 用于实现动态交互效果。

HTML 由多个部分构成，包括：

DOCTYPE 声明：用于指定 HTML 文档所使用的标准版本。
HTML 元素：HTML 文档的根元素，包含两个子元素 HEAD 和 BODY。
HEAD 元素：用于指定 HTML 文档的元数据，如标题、关键字、样式表等。
BODY 元素：用于包含 HTML 文档的具体内容，如文本、图像、表格等。
标签：用于标识 HTML 文档中各个元素的功能和属性，例如p标签表示段落、img标签表示图像等。
属性：用于扩展 HTML 标签的功能，如 href 属性指定链接地址、src 属性指定图像地址等。
实体引用：用于表示 HTML 文档中的特殊字符，如<表示小于号、>表示大于号等。
注释：用于在 HTML 文档中添加注释，不会影响网页的显示效果。

以上这些部分是构成 HTML 文档基础的组成部分，开发者们必须深入了解并熟练掌握它们。

二、标签

HTML常见标签非常多，这里仅列出一些常用标签及其用法及意义：

<html>、<head>、<body>标签：分别表示 HTML 文档的整体、文档头部和文档主体部分。
<p>标签：表示段落，在<p>和</p>之间的内容会被浏览器解析为一个段落。
<a>标签：表示超链接，使用 href 属性指定链接地址。
<img>标签：表示图像，使用 src 属性指定图像文件路径。
<ul>、<li>标签：分别表示无序列表和列表项。
<ol>、<li>标签：分别表示有序列表和列表项。
<h1>至<h6>标签：分别表示六个不同级别的标题，用于表示文档的结构。
<table>、<tr>、<th>、<td>标签：分别表示表格、表格行、表头单元格和表格单元格。
<form>、<input>标签：分别表示表单和表单控件，如输入框、下拉框、单选框、复选框等。
<div>、<span>标签：分别表示块级元素和行内元素，可用于对元素进行分组和样式控制。

以上标签仅仅是HTML常见标签的一部分，开发者们还需要掌握更多HTML标签和属性，才能更好地实现网页制作。

以下是HTML中所有标签的一张表格，包含标签名称、用法及意义：

标签名称	用法	意义
<html>	<html>…</html>	定义 HTML 文档的根元素。
<head>	<head>…</head>	定义 HTML 文档的头部信息，包括文档的标题、样式表、脚本等。
<body>	<body>…</body>	定义 HTML 文档的正文部分。
<div>	<div>…</div>	定义文档中的一个区块，可用于组织页面结构。
<span>	<span>…</span>	定义文档中的一段行内元素，可用于指定文本样式。
<p>	<p>…</p>	定义一个段落。
<a>	<a href=“url”>…</a>	定义一个链接，可通过 href 属性指定链接地址。
<img>	<img src=“url”>	定义一个图像，可通过 src 属性指定图像文件路径。
<ul>	<ul>…</ul>	定义一个无序列表。
<li>	<li>…</li>	定义列表中的一个项。
<ol>	<ol>…</ol>	定义一个有序列表。
<table>	<table>…</table>	定义一个表格。
<tr>	<tr>…</tr>	定义一个表格行。
<th>	<th>…</th>	定义一个表头单元格。
<td>	<td>…</td>	定义一个表格单元格。
<form>	<form action=“url”>…</form>	定义一个表单，可通过 action 属性指定表单提交的地址。
<input>	<input type=“text”>	定义一个表单控件，可用于输入文本、密码等信息。
<button>	<button>…</button>	定义一个按钮。
<textarea>	<textarea>…</textarea>	定义一个大文本输入框。
<select>	<select>…</select>	定义一个下拉列表框。
<option>	<option>…</option>	定义下拉列表框中的一个选项。
<label>	<label for=“id”>…</label>	定义一个标签，可用于将表单控件和文本描述关联起来。
<h1> - <h6>	<h1>…</h1>, <h2>…</h2>, … , <h6>…</h6>	定义 6 个不同级别的标题，用于表示文档的结构。
<strong>	<strong>…</strong>	定义一个强调文本的重要性，通常显示为加粗字体。
<em>	<em>…</em>	定义一个强调文本的语气，通常显示为斜体字体。
<br>	<br>	定义一行中强制换行。
<hr>	<hr>	定义一条水平线，用于分隔内容。
<pre>	<pre>…</pre>	定义一个预格式化文本块，保留文本中的空格和换行符。