Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

html常用标记有哪些

作者:携剑笑红尘   发布日期:2025-12-15   浏览:8

<!-- 文章标题: html常用标记有哪些 -->

<!DOCTYPE html>
<html>
<head>
    <title>HTML 常用标记示例</title>
</head>
<body>
    <!-- 标题标签 -->
    <h1>这是最大的标题 (H1)</h1>
    <h2>这是第二大的标题 (H2)</h2>
    <h3>这是第三大的标题 (H3)</h3>
    <h4>这是第四大的标题 (H4)</h4>
    <h5>这是第五大的标题 (H5)</h5>
    <h6>这是最小的标题 (H6)</h6>

    <!-- 段落标签 -->
    <p>这是一个段落。段落是网页中用于组织文本内容的基本元素。</p>

    <!-- 强调和重要性标签 -->
    <strong>这是强调的内容,通常会以粗体显示。</strong>
    <em>这是带有重要性的内容,通常会以斜体显示。</em>

    <!-- 超链接标签 -->
    <a href="https://www.example.com">这是一个超链接,点击可以跳转到指定的URL。</a>

    <!-- 图像标签 -->
    <img src="https://www.example.com/image.jpg" alt="描述图像的文字">

    <!-- 列表标签 -->
    <ul>
        <li>无序列表项 1</li>
        <li>无序列表项 2</li>
        <li>无序列表项 3</li>
    </ul>

    <ol>
        <li>有序列表项 1</li>
        <li>有序列表项 2</li>
        <li>有序列表项 3</li>
    </ol>

    <!-- 表格标签 -->
    <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="name">姓名:</label>
        <input type="text" id="name" name="name"><br><br>
        <label for="email">电子邮件:</label>
        <input type="email" id="email" name="email"><br><br>
        <input type="submit" value="提交">
    </form>
</body>
</html>

解释说明:

  1. 标题标签 (<h1><h6>):用于定义不同级别的标题,<h1> 是最大的标题,<h6> 是最小的标题。
  2. 段落标签 (<p>):用于定义段落,是网页中组织文本的基本元素。
  3. 强调和重要性标签 (<strong><em>):分别用于表示强调(粗体)和重要性(斜体)。
  4. 超链接标签 (<a>):用于创建超链接,href 属性指定了链接的目标 URL。
  5. 图像标签 (<img>):用于嵌入图像,src 属性指定了图像的路径,alt 属性提供了图像的替代文本。
  6. 列表标签 (<ul><ol>):分别用于创建无序列表和有序列表,<li> 定义列表项。
  7. 表格标签 (<table>):用于创建表格,<tr> 定义行,<th> 定义表头,<td> 定义单元格。
  8. 表单标签 (<form>):用于创建用户输入的表单,<input> 定义不同的输入控件,如文本框、按钮等。

以上是 HTML 中常用的标记及其简单示例。

上一篇:烟花html

下一篇:html中的空格

大家都在看

静态html源码

404 html

ios打开html

nginx访问不到html

html 符号

colspan在html中是什么意思

怎么将网页另存为html

xml转html

html时间代码

html2canvas使用

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站