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

html标签

作者:哥伤不起   发布日期:2025-09-01   浏览:112

<!-- HTML标签示例 -->
<!DOCTYPE html>
<html>
<head>
    <title>HTML标签示例</title>
</head>
<body>
    <!-- 标题标签,从<h1>到<h6>,数字越小标题越大 -->
    <h1>这是一个一级标题</h1>
    <h2>这是一个二级标题</h2>

    <!-- 段落标签 -->
    <p>这是一个段落。</p>

    <!-- 强调标签 -->
    <strong>这是加粗的文字</strong>
    <em>这是斜体的文字</em>

    <!-- 超链接标签 -->
    <a href="https://www.example.com">点击这里访问示例网站</a>

    <!-- 图像标签 -->
    <img src="https://www.example.com/image.jpg" alt="示例图片">

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

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

    <!-- 表格标签 -->
    <table>
        <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>
        <input type="submit" value="提交">
    </form>
</body>
</html>

解释说明:

  • <html>:文档的根元素。
  • <head>:包含文档的元数据(如标题、样式、脚本等)。
  • <title>:定义文档的标题,显示在浏览器标签上。
  • <body>:包含页面的主要内容。
  • <h1><h6>:标题标签,<h1> 是最大的标题,<h6> 是最小的标题。
  • <p>:定义段落。
  • <strong><em>:分别用于加粗和斜体文本。
  • <a>:超链接标签,href 属性指定链接的目标 URL。
  • <img>:图像标签,src 属性指定图像的路径,alt 属性提供替代文本。
  • <ul><ol>:无序列表和有序列表标签,<li> 定义列表项。
  • <table>:表格标签,<tr> 定义行,<th> 定义表头,<td> 定义单元格。
  • <form>:表单标签,action 属性指定表单提交的 URL,method 属性指定提交方法(GET 或 POST)。

上一篇:html table

下一篇:html换行标签

大家都在看

静态html源码

404 html

ios打开html

colspan在html中是什么意思

xml转html

html时间代码

html2canvas使用

html标题标签是什么

html 换行符号

html中b标签的作用

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

Laravel 中文站