HTML5 之基本标签、属性_html5标签、元素、属性-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_16570331/article/details/51058538

本文详细介绍了HTML5中常用的标签及其用法，包括文本格式化、列表、表格、表单等元素，为初学者提供了丰富的示例代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML5一些常用的基础标签、属性的使用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>标签示例代码</title>
</head>

<body>

<blockquote>这是引用文本</blockquote>
<pre>标识预定文本</pre>
<h1>这是一级标签</h1>
<h2>这是二级标签</h2>
<h3>这是三级标签</h3>
<p>这里面是内容</p>
<b>加粗字体</b>
<i>让字体倾斜</i>
<big>大字体，过时了</big>
<small>小字体</small>
<sub>下标字体</sub>
<sup>上标字体</sup>
<cite>引用效果显示</cite>
<ul>
    <li>直接开平方法</li>
    <li>配方法</li>
    <li>分解因式法</li>

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

<dl>
    <dt>第一行</dt>
    <dt>第二行</dt>
    <dt>第三行</dt>
    <dd>第一效果</dd>
    <dd>第二效果</dd>
    <dd>第三效果</dd>
</dl>

<a href="http://www.baidu.com">百度一下</a>
<img src="tile.png">
<embed src="tile.png">多媒体</embed>

<table summary="ASC英文格式">
    <caption>字符集</caption>
    <tr>

        <th>十六进制</th>
        <th>八进制</th>
        <th>二进制</th>

    </tr>

    <tr>
        <td>9</td>
        <td>9</td>
        <td>10</td>

    </tr>
    <tr>
        <td>10</td>
        <td>A</td>
        <td>换行</td>

    </tr>
    <tr>
        <td>13</td>
        <td>33</td>
        <td>回车</td>
    </tr>
    <tr>
        <td>32</td>
        <td>30</td>
        <td>空格</td>
    </tr>
</table>

<form id="form1" name="form1" method="post" action="">
    <p>单行文本域：<input type="text" name="textFiled" id="textFiled"/></p>
    <p>密码域 :<input type="password" name="passwordFiled" id="passwordFiled"></p>
    <p>复选框：复选框1：<input type="checkbox" name="checkbox1" value="">
                复选框2<input type="checkbox" name="checkbox2" value="">
    </p>
    <p>多行文本域:<textarea name="textAreaFiled" id="textAreaFiled"></textarea></p>
    <p>单选按钮:单选框1：<input type="radio" name=" radio1" id="radio1" value="">
                单选框2：<input type="radio" name="radio2" id="radio2" value=""></p>
    <p>下拉菜单：
        <select name="selectList">
            <option value="1">选项1</option>
            <option value="2">选项2</option>
            <option value="3">选项3</option>
        </select>

    </p>
    <p>
        <input type="submit" name="button" id="button" value="提交">
    </p>
</form>
<p class="my" id="my" style="background-color: #b3d4fc"> 进本属性</p>

<a href="URL" title="提示文本">超链接</a>
<img src="URL" alt="替换文本"  title="替换文本" />
</body>
</html>