认识html
HTML(HyperText Markup Language)是构建网页的标准标记语言。它使用一系列标签来描述网页的结构和内容。
- 基本结构
HTML 文档的基本结构如下:
点击查看代码
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>网页标题</title>
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
</body>
</html>
<!DOCTYPE html>:声明文档类型为 HTML5。
<html>:根元素,包含整个 HTML 文档。
<head>:包含文档的元数据(如字符集、页面标题、引入外部资源等)。
<body>:包含网页的主要内容。
点击查看代码
标题标签
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
段落标签
<p>这是一个段落。</p>
链接标签
<a href="https://www.example.com" target="_blank">这是一个链接</a>
图像标签
<img src="image.jpg" alt="描述图片的文本">
列表标签
<ul>
<li>无序列表项 1</li>
<li>无序列表项 2</li>
</ul>
<ol>
<li>有序列表项 1</li>
<li>有序列表项 2</li>
</ol>
表格标签
<table>
<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>
<label for="password">密码:</label>
<input type="password" id="password" name="password">
<br>
<input type="submit" value="提交">
</form>
id:为元素指定一个唯一的标识符。
class:为元素指定一个或多个类名。
style:为元素指定内联样式。
href:指定链接的目标地址。
src:指定图像或其他媒体文件的 URL。
alt:指定图像的替代文本。
title:指定元素的标题文本,通常用于提示信息。
4. 表单元素
HTML 表单包含多种输入类型:
点击查看代码
<input type="text">:文本输入框。
<input type="password">:密码输入框。
<input type="checkbox">:复选框。
<input type="radio">:单选按钮。
<input type="submit">:提交按钮。
<input type="reset">:重置按钮。
<input type="button">:普通按钮。
<input type="file">:文件选择框。
<textarea>:多行文本输入框。
<select>:下拉列表。