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

html tag

作者:一抹淡影   发布日期:2025-11-07   浏览:26

<!-- 这是一个简单的 HTML 示例,展示了常见的 HTML 标签 -->

<!DOCTYPE html>
<html>
<head>
    <title>HTML Tag 示例</title>
</head>
<body>
    <!-- 标题标签 -->
    <h1>这是一个一级标题</h1>
    <h2>这是一个二级标题</h2>

    <!-- 段落标签 -->
    <p>这是一个段落。HTML (超文本标记语言) 是用于创建网页的标准标记语言。</p>

    <!-- 链接标签 -->
    <a href="https://www.example.com">点击这里访问示例网站</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>
        <tr>
            <th>表头 1</th>
            <th>表头 2</th>
        </tr>
        <tr>
            <td>数据 1</td>
            <td>数据 2</td>
        </tr>
    </table>

    <!-- 表单标签 -->
    <form action="/submit_form" 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>

解释说明:

  • <!DOCTYPE html>: 声明文档类型为 HTML5。
  • <html>: 根元素,包含整个 HTML 文档的内容。
  • <head>: 包含元数据(如标题、样式、脚本等),不会显示在页面上。
  • <body>: 包含页面的主体内容,会显示在浏览器中。
  • <h1><h6>: 标题标签,<h1> 是最大号标题,<h6> 是最小号标题。
  • <p>: 段落标签,用于定义一段文字。
  • <a>: 超链接标签,href 属性指定链接的目标 URL。
  • <img>: 图像标签,src 属性指定图像的路径,alt 属性提供替代文本。
  • <ul><ol>: 分别是无序列表和有序列表标签,<li> 是列表项。
  • <table>: 表格标签,<tr> 是表格行,<th> 是表头单元格,<td> 是普通单元格。
  • <form>: 表单标签,用于收集用户输入,action 属性指定提交表单的目标 URL,method 属性指定提交方式(GET 或 POST)。

上一篇:html缩进

下一篇:html 格式

大家都在看

静态html源码

404 html

ios打开html

nginx访问不到html

html 符号

colspan在html中是什么意思

xml转html

html时间代码

html2canvas使用

html标题标签是什么

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

Laravel 中文站