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

html元素

作者:拽一个给爷看   发布日期:2025-04-09   浏览:58

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

    <!-- 段落元素 -->
    <p>这是一个段落,用于显示文本内容。</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 border="1">
        <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>

解释说明:

  • <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图片标签

下一篇:htm和html

大家都在看

静态html源码

ios打开html

colspan在html中是什么意思

xml转html

html时间代码

html2canvas使用

html标题标签是什么

html 换行符号

html中b标签的作用

html美化代码

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

Laravel 中文站