HTML是Hyper Text Markup Language的简称，中文名为“超文本标记语言”，是用于创建网页的标准标记语言，HTML使用标签来描述网页内容，如标题、段落、列表等，在HTML中，标签由尖括号包围，如<p>表示段落，<h1>表示一级标题等。
1. HTML基本结构
一个基本的HTML文档结构如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>页面标题</title>
</head>
<body>
<!-页面内容 -->
</body>
</html>
<!DOCTYPE html>：声明文档类型为HTML5。
<html>：HTML文档的根元素。
<head>：包含文档的元信息，如字符集、标题等。
<meta charset="UTF-8">：设置字符编码为UTF-8。
<title>：定义文档的标题，显示在浏览器标签页上。
<body>：包含可见的页面内容，如文本、图片、链接等。
2. HTML常用标签
以下是一些常用的HTML标签及其作用：
2.1 文本标签
<p>：段落标签，用于定义一个段落。
<h1>至<h6>：标题标签，用于定义不同级别的标题。
<strong>和<em>：强调标签，分别表示加粗和斜体。
<del>和<ins>：删除线和下划线标签，表示文本被删除或插入。
<u>：下划线标签，表示文本下方有一条下划线。
<small>：小字体标签，表示文本为小字体。
<big>：大字体标签，表示文本为大字体。
<sub>和<sup>：上标和下标标签，表示文本为上标或下标。
2.2 链接标签
<a href="URL">：链接标签，用于创建一个链接，点击后跳转到指定URL。href属性指定链接目标的URL，链接文本位于两个尖括号之间。
<a href="section">：锚点链接标签，用于创建一个指向页面内特定位置的链接。href属性指定锚点名称（以开头），链接文本位于两个尖括号之间。
<a href="mailto:email@example.com">：电子邮件链接标签，用于创建一个发送电子邮件的链接。href属性指定邮件地址（以mailto:开头），链接文本位于两个尖括号之间。
2.3 图像标签
<img src="image.jpg" alt="图片描述">：图像标签，用于插入一张图片。src属性指定图片文件的路径，alt属性指定图片无法显示时显示的替代文本。
3. HTML表单
HTML表单用于收集用户输入的数据，常见的表单元素有：
<form action="URL" method="POST">：表单标签，用于创建一个表单。action属性指定表单提交的目标URL，method属性指定表单数据提交的方式（如GET或POST）。
<input type="text" name="username" placeholder="用户名">：文本输入框，用于输入一行文本。type属性指定输入框的类型（如text、password等），name属性指定输入框的名称（用于后台处理），placeholder属性指定输入框中的提示文本（当输入框为空时显示）。
<input type="submit" value="提交">：提交按钮，用于提交表单数据。type属性指定按钮的类型（如submit、button等），value属性指定按钮上的显示文本。
<label for="username">用户名：</label> <input type="text" id="username" name="username">：标签与输入框的组合，用于提高表单的可读性。for属性指定标签与哪个输入框关联（两者的ID相同）。
<select name="gender"> <option value="male">男</option> <option value="female">女</option></select>：下拉选择框，用于让用户从多个选项中选择一个，每个选项由一个<option>标签表示，其值通过value属性指定。
4. HTML表格
HTML表格用于展示二维数据，常见的表格元素有：
<table>...</table>：表格标签，用于创建一个表格，表格中的每一行由一个或多个表格行（即包含一个或多个单元格的行）组成，每个表格行由一个或多个表格行元素（即包含一个或多个单元格的元素）组成。
<tr>...</tr>：表格行标签，用于创建一个表格行，表格行中的每一个单元格由一个或多个单元格元素（即包含一个或多个内容的单元格）组成。
`<td>...</td> ：表格单元格标签，用于创建一个表格单元格，表格单元格中的内容由普通文本或其他HTML元素组成。
`<th>...</th> ：表头单元格标签，用于创建一个表头单元格，表头单元格通常用于显示列标题，表头单元格的内容默认加粗并居中显示。
原创文章，作者：K-seo，如若转载，请注明出处：https://www.kdun.cn/ask/386003.html
微信扫一扫 