HTML,全称Hyper Text Markup Language,即超文本标记语言，它是一种用于创建网页的标准标记语言，可以用来描述网页的结构、内容和样式，HTML 是一种通用的标记语言，可以嵌入到 CSS、JavaScript 等其他技术中，实现网页的动态效果和交互功能。
HTML 的基本结构包括以下几个部分：
1、<!DOCTYPE html>:声明文档类型，告诉浏览器这是一个 HTML5 文档。
2、<html>:根元素，包含整个网页的内容。
3、<head>:头部区域，包含网页的元数据，如字符集、标题、样式表等。
4、<title>:定义网页的标题，显示在浏览器的标签页上。
5、<meta charset="UTF-8">:定义文档的字符编码，确保中文等非英文字符能够正确显示。
6、<link rel="stylesheet" href="styles.css">:引入外部的 CSS 样式表，用于控制网页的样式。
7、<body>:主体区域，包含网页的所有可见内容，如文本、图片、链接等。
8、<h1> 到 <h6>:定义标题级别，数字越大，字体越小。
9、<p>:定义段落。
10、<a>:定义超链接，用于创建点击跳转的链接。
11、<img>:定义图片，通过 src 属性指定图片的地址，通过 alt 属性提供图片无法显示时的替代文本。
12、<ul> 到 <ol>:定义无序列表和有序列表。
13、<li>:定义列表项。
14、<table>:定义表格，通过 tr 定义行，通过 td 和 th 定义单元格。
15、<form>:定义表单，用于收集用户输入的数据。
16、<input type="text">:定义文本输入框。
17、<button>:定义按钮，用于提交表单或触发 JavaScript 事件。
18、<textarea>:定义多行文本输入框。
19、<select>:定义下拉列表，通过 option 定义选项。
20、<script>:定义 JavaScript 代码块，用于实现网页的交互功能。
21、<style>:定义内联样式，用于直接在 HTML 元素上设置样式。
22、<!--->:注释符号，用于添加注释，不会在浏览器中显示出来。
下面是一个简单的 HTML 示例代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>我的第一个 HTML 页面</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>欢迎来到我的网站</h1>
<p>这是一个段落。</p>
<a href="https://www.example.com">点击这里访问示例网站</a>
<img src="example.jpg" alt="示例图片">
<ul>
<li>列表项1</li>
<li>列表项2</li>
</ul>
<table border="1">
<tr>
<th>表头1</th>
<th>表头2</th>
</tr>
<tr>
<td>单元格1</td>
<td>单元格2</td>
</tr>
</table>
<form action="/submit" method="post">
<label for="username">用户名：</label>
<input type="text" id="username" name="username">
<br><br>
<label for="password">密码：</label>
<input type="password" id="password" name="password">
<br><br>
<input type="submit" value="登录">
</form>
</body>
</html>
相关问题与解答：
问题1:如何让 HTML 标签自动换行？
答：可以使用 CSS 将标签包裹在一个容器中，并为容器设置 white-space: pre-wrap; 或者 word-wrap: break-word; 属性。
<div style="white-space: pre-wrap;">这是一个很长的文本，需要自动换行。</div>
原创文章，作者：K-seo，如若转载，请注明出处：https://www.kdun.cn/ask/195356.html
微信扫一扫 