html的代码大全

admin 2024年03月15日 12:23 33 0

HTML (HyperText Markup Language) 是一种用于创建网页的标准标记语言，以下是一些常见的 HTML 标签和它们的用途：

1. **基本结构**

<!DOCTYPE html>
<html>
<head>
    <title>页面标题</title>
</head>
<body>
    页面内容
</body>
</html>

2. **头部信息**

<head>
    <meta charset="UTF-8">
    <title>页面标题</title>
    <link rel="stylesheet" href="styles.css">
    <script src="script.js"></script>
</head>

3. **文本和段落**

<p>这是一个段落。</p>
<h1>这是一个标题</h1>
<h2>这是一个二级标题</h2>
<span>这是一段文本。</span>
<br>
<hr>

4. **链接和图片**

<a href="https://www.example.com">这是一个链接</a>
<img src="image.jpg" alt="图片描述">

5. **列表**

<ul>
    <li>列表项 1</li>
    <li>列表项 2</li>
</ul>

<ol>
    <li>列表项 1</li>
    <li>列表项 2</li>
</ol>

6. **

数据 1数据 2

7. **表单**


```html
<form action="/submit" method="post">
    <label for="fname">名字:</label><br>
    <input type="text" id="fname" name="fname"><br>
    <label for="lname">姓氏:</label><br>
    <input type="text" id="lname" name="lname"><br>
    <input type="submit" value="提交">
</form>

8. **框架和布局**

<div>这是一个 div 容器</div>
<span>这是一个 span 容器</span>
<section>这是一个 section 容器</section>
<article>这是一个 article 容器</article>
<aside>这是一个 aside 容器</aside>
<nav>这是一个 nav 容器</nav>
<header>这是一个 header 容器</header>
<footer>这是一个 footer 容器</footer>

以上只是 HTML 的一部分标签，HTML 还有许多其他的标签和属性，用于创建更复杂的网页结构和功能，为了更深入地了解 HTML，建议查阅相关的 HTML 教程和文档。