HTML5基本语法大全

这篇文章距离上次修改已过245天，其中的内容可能已经有所变动。

HTML5是HTML的最新标准，它的基础语法主要包括以下几个部分：

文档类型声明：




<!DOCTYPE html>

页面的开始和结束标签：




<html>
    <head>
        <!-- 页面的元数据和标题 -->
        <title>页面标题</title>
    </head>
    <body>
        <!-- 页面内容 -->
        <h1>这是一个标题</h1>
        <p>这是一个段落。</p>
    </body>
</html>

元素的属性：




<!-- 例如，为图片添加alt属性 -->
<img src="image.jpg" alt="描述文字">

注释：




<!-- 这是一个注释 -->

标题：




<h1>最重要的标题</h1>
<h2>次重要的标题</h2>
<!-- 以此类推，h3, h4, h5, h6 -->

段落和换行：




<p>这是一个段落。</p>
<br> <!-- 换行 -->

文本格式化标签：




<strong>粗体文本</strong>
<em>斜体文本</em>
<del>被删除的文本</del>
<ins>被插入的文本</ins>

链接：




<a href="https://www.example.com">链接到example.com</a>

图片：




<img src="image.jpg" alt="描述文字">

列表：




<!-- 有序列表 -->
<ol>
    <li>第一项</li>
    <li>第二项</li>
</ol>
 
<!-- 无序列表 -->
<ul>
    <li>第一项</li>
    <li>第二项</li>
</ul>
 
<!-- 定义列表 -->
<dl>
    <dt>项目 1</dt>
    <dd>描述 1</dd>
    <dt>项目 2</dt>
    <dd>描述 2</dd>
</dl>

表格：




<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="username">
    <input type="submit" value="提交">
</form>

帧（iframe）：




<iframe src="page.html" name="iframe_name"></iframe>

视频和音频：




<!-- 视频 -->
<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  您的浏览器不支持视频标签。
</video>
 
<!-- 音频 -->
<audio controls>
  <source src="song.ogg" type="audio/ogg">
  <source src="song.mp3" type="audio/mpeg">
  您的浏览器不支持音频元素。
</audio>

Canvas绘图：




<canvas id="myCanvas" width="200" height="100">
  您的浏览器不支持Canvas。

HTML5基本语法大全

评论已关闭

推荐阅读