html代码大全(很全的)
发布日期：2025-06-19 18:30:16
基本结构代码
一个完整的HTML页面有其固定的基本结构。首先是文档类型声明，它告诉浏览器该文档使用的HTML版本。代码为<!DOCTYPE html>，这表明使用的是HTML5标准。接着是HTML根标签，即<html>，所有的HTML内容都包含在这个标签内。
在<html>标签里，分为<head>和<body>两部分。<head>标签用于包含页面的元数据，如页面标题、字符编码等。设置页面标题的代码是<title>网页标题</title>，设置字符编码的代码为<meta charset="UTF-8">。
<body>标签则包含了页面上实际显示的内容，如文本、图片、链接等。
文本格式代码
HTML提供了多种文本格式标签。加粗文本使用<b>标签，如<b>这是加粗文本</b>；强调文本使用<em>标签，<em>这是强调文本</em>，在浏览器中通常显示为斜体。
段落使用<p>标签，<p>这是一个段落</p>，它会在文本前后自动添加换行。换行可以使用<br>标签，它是一个单标签，如“第一行<br>第二行”。
标题标签有6个级别，从<h1>到<h6>，<h1>是最高级标题，字体最大，<h6>是最低级标题，字体最小。例如，<h1>一级标题</h1>。
列表代码
HTML中有两种常见的列表：无序列表和有序列表。无序列表使用<ul>标签，列表项使用<li>标签。代码示例：
<ul>
<li>列表项1</li>
<li>列表项2</li>
</ul>
有序列表使用<ol>标签，同样列表项使用<li>标签。示例如下：
<ol>
<li>第一项</li>
<li>第二项</li>
</ol>
链接代码
链接使用<a>标签，通过href属性指定链接的目标地址。例如，<a href="https://www.example.com">访问示例网站</a>。
还可以创建邮件链接，使用mailto协议，如<a href="mailto:example@example.com">发送邮件</a>。
图片代码
插入图片使用<img>标签，它是一个单标签，通过src属性指定图片的路径。例如，<img src="image.jpg" alt="图片描述">，alt属性用于在图片无法显示时显示替代文本。
表格代码
表格使用<table>标签，表格行使用<tr>标签，表格单元格使用<td>标签。示例如下：
<table>
<tr>
<td>单元格1</td>
<td>单元格2</td>
</tr>
<tr>
<td>单元格3</td>
<td>单元格4</td>
</tr>
</table>
表单代码
表单使用<form>标签，用于用户输入信息。常见的表单元素有文本框、密码框、单选框、复选框和提交按钮等。
文本框使用<input type="text" name="username">，密码框使用<input type="password" name="password">。
单选框使用<input type="radio" name="gender" value="male">男，多个单选框使用相同的name属性实现单选功能。
复选框使用<input type="checkbox" name="hobby" value="reading">阅读。
提交按钮使用<input type="submit" value="提交">。
相关问答
1. 如何让图片自适应页面宽度？
可以使用CSS来实现图片自适应页面宽度。在HTML中给图片添加一个类名，如<img src="image.jpg" class="responsive-img">，然后在CSS中设置该类的样式：.responsive-img { max-width: 100%; height: auto; }。
2. 表单提交后数据会发送到哪里？
表单提交后数据会发送到<form>标签的action属性指定的URL地址。例如，<form action="process.php" method="post">，数据会发送到process.php页面进行处理，method属性指定了数据的传输方式，有post和get两种。