当前位置:网站首页 > 网站建设教程 > HTML教程 > 正文

1、常见的Html标签

教程管理员 发布于2023-09-25 11:31 HTML教程 158

简介: 1、常见的Html标签

1、标题标签< h1-6 >

    <!-- 1、标题标签 -->
    <h1>Hello world!</h1>
    <h2>Hello world!</h2>
    <h3>Hello world!</h3>
    <h4>Hello world!</h4>
    <h5>Hello world!</h5>
    <h6>Hello world!</h6>

2、段落标签< p >

    <p>大家可以去搜一下 快捷键 - Sublime Importer for VS Code 无缝切换自己熟悉的快捷键</p>
    <p>大家可以去搜一下 快捷键 - Sublime Importer for VS Code 无缝切换自己熟悉的快捷键</p>
    <p>大家可以去搜一下 快捷键 - Sublime Importer for VS Code 无缝切换自己熟悉的快捷键</p>
    <p>大家可以去搜一下 快捷键 - Sublime Importer for VS Code 无缝切换自己熟悉的快捷键</p>

3、列表标签,无序列表< ul >,有序列表< ol >,列表元素< li >

<ul>
        <li>第一个元素</li>
        <li>第二个元素</li>
        <li>第三个元素</li>
    </ul>


4、超链接href属性,可以跳转到指定的地址


<a href="http://www.baidu.com/">跳转到百度的地址</a>


5、图片标签,src属性指定图片路径,alt属性显示图片加载失败


<img src="image.jpg" alt="图片加载失败" style="width: 100px;height: 100px;">


6、无语义标签:< div >标签(划分整体区域,实现网页布局)、< span >标签(划分文本区域)

<div><span></span></div>


7、id属性,唯一值


<h1 id="title">标题</h1>


8、class属性,用来分类


<p class="hot">红</p>
    <p class="hot">黄</p>
    <p class="cool">蓝</p>
    <p class="cool">绿</p>



琼ICP备09004296号-12