01Html常用标签

常用标签

标题标签

    <h1>Hello world</h1>
    <h2>Hello world</h2>
    <h3>Hello world</h3>
    <h4>Hello world</h4>
    <h5>Hello world</h5>
    <h6>Hello world</h6>

段落标签

<p> 这是一个段落</p>

无序列表标签

    <ul>
        <li>段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1</li>
        <li>段落2段落2段落2段落2段落2段落2段落2段落2段落2段落2段落2段落2段落2段落2段落2段落2段落2段落2</li>
        <li>段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3</li>
    </ul>

有序列表标签

    <ol>
        <li>段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1段落1</li>
        <li>段落2段落2段落2段落2段落2段落2段落2段落2段落2段落2段落2段落2段落2段落2段落2段落2段落2段落2</li>
        <li>段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3</li>
    </ol>

快速生成一个列表标签，输入

ul>li*3

然后按回车或者tab

超链接标签（锚点标签）

<a href=""> </a>

属性href表示链接

图片标签

<img src="" alt="">

属性src表示图片的地址

属性alt表示图片加载失败的提示性文字

div标签和span标签

这两个标签都没有含义，只是为了帮助我们将内容进行分割

他们的区别在于div标签是将内容按照块进行分割

span标签是将内容按照行进行分割

br标签

br标签表示换行，相当于回车键

其他的常用属性

id属性，为单个标签设置属于自己的独一无二的id属性，将其与其他同标签区分开

class属性，将标签进行分类