HTML网页基本标签

HTML网页基本标签

1.基本标题标签

<!-- 基本标题标签 一级标题最大，依次到小-->
    <h1>一级标签</h1>
    <h2>二级标签</h2>
    <h3>三级标签</h3>
    <h4>四级标签</h4>
    <h5>五级标签</h5>
    <h6>六级标签</h6>

2.段落标签

<!--段落标签  独占一行的作用-->
    <p>Holle world！！！</p>
    <p>Holle world！！！</p>
    <p>Holle world！！！</p>

3.换行标签

<!--换行标签 字面意思换行-->
    HongLingYa <br/>

4.字体标签

<!--粗体，斜体-->

    粗体：<strong>LOVE HLY</strong>
    斜体：<em>Love Hly</em>

5.特殊符号

<!--特殊符号-->

    空格： &nbsp;<br>
    大于号：&gt;<br>
    小于号：&lt;<br>
    版权符号：&copy;<br>

6.快捷键

比如P标签 br标签 打出p按下2次tab即可，便捷

7.图像标签

<!--  图像标签  -->
<!--src表示路径  alt表示图像的代替文字  title表示鼠标悬停提示文字  width图像宽度  height图像高度-->
<img src="" alt="" width="x" height="y">

8.a标签

<!--a标签

    _blank表示在一个新标签中打开
    _self 在自己的网页中打开
    name 作为标记

    锚链接，需要一个标记跳转到标记

    mailto: 邮件链接

-->

    <a href="" name="top" target="_blank">头</a>
<!--这样就是一个锚链接了-->
    <a href="#top">回到顶部</a>

9.列表标签

<!--列表标签-->

<!--有序列表-->
    <ol>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ol>

<!--无序列表-->
    <ul>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>


<!--自定义列表
    dl: 标签
    dt: 列表名称
    dd: 列表内容
-->
    <dl>
        <dt></dt>
        <dd></dd>
        <dd></dd>
        <dd></dd>
        <dd></dd>
    </dl>

10. 表格标签

<!--表格标签
    tr:行
    td：列
    colspan:跨列
    rowspan:跨行
-->

    <table border="1">
        <tr>
            <td colspan="4">1</td>
        </tr>
        <tr>
            <td rowspan="2">1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
    </table>

11.视频音乐标签

<!--视频音乐标签
	video 视频
	audio 音乐
    src：路径
    controls:表示控制视频或者音乐，这是一个参数
    autoplay：表示自动播放
-->

    <video src="路径" controls autoplay></video>

	<audio src="路径" controls autoplay></audio>