HTML标记(1) - 芒果文档

📌 相关文章

📜 HTML标记(1)

📅 最后修改于: 2023-12-03 15:31:19.686000 🧑 作者: Mango

HTML标记

HTML（Hypertext Markup Language）是一种用于创建网页的标记语言。HTML是由一系列的元素构成的，每个元素可以标志出文档的不同部分。

基本结构

一个基本的HTML文件包含以下组成部分：

<!DOCTYPE html>
<html>
<head>
	<title>Page Title</title>
</head>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

其中：

<!DOCTYPE html>：这是HTML5的声明，用于告诉浏览器使用HTML5标准解析页面。
<html>和</html>：表示一个HTML文本的开始和结束。
<head>和</head>：描述了文档的元数据和样式信息等。
<title>和</title>：文档的标题，显示在浏览器的标签页上。
<body>和</body>：文档的内容部分，包含所有可见的页面元素。

常用标记

以下是一些常用的HTML标记：

标题

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

段落

<p>This is a paragraph.</p>

超链接

<a href="https://www.example.com">Link</a>

图片

<img src="image.jpg" alt="description">

列表

<ul>
	<li>Item 1</li>
	<li>Item 2</li>
	<li>Item 3</li>
</ul>

<ol>
	<li>Item 1</li>
	<li>Item 2</li>
	<li>Item 3</li>
</ol>

表格

<table>
	<thead>
		<tr>
			<th>Header 1</th>
			<th>Header 2</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>Row 1, cell 1</td>
			<td>Row 1, cell 2</td>
		</tr>
		<tr>
			<td>Row 2, cell 1</td>
			<td>Row 2, cell 2</td>
		</tr>
	</tbody>
</table>

表单

<form action="/submit" method="post">
	<label for="name">Name:</label>
	<input type="text" id="name" name="name" required>

	<label for="email">Email:</label>
	<input type="email" id="email" name="email" required>

	<label for="message">Message:</label>
	<textarea id="message" name="message"></textarea>

	<button type="submit">Submit</button>
</form>

以上是一些常用的HTML标记，可以用于创建各种类型的网页。