HTML常用标签

最新推荐文章于 2024-08-14 10:15:39 发布

没时间喽

最新推荐文章于 2024-08-14 10:15:39 发布

阅读量43

点赞数 1

分类专栏： HTML+CSS+JavaScript 文章标签： html

本文链接：https://blog.csdn.net/Z15800020057/article/details/131343443

版权

HTML+CSS+JavaScript 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>标题</title>
    <!-- 什么是base标签
        base标签在head标签的开始和结束标签之间使用
        base标签用来指定索引a标签的跳转方式
        当设置了base标签与a标签的target属性并且不一致时，会以a标签的为基准
        target="_blank/_self"(跳转以打开新页面/跳转不打开新页面在本页面跳转)
    -->
</head>
<body>
    <a href="#dibu">1</a>
    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <h3>三级标题</h3>
    <h4>四级标题</h4>
    <h5>五级标题</h5>
    <h6>六级标题</h6>
    <P>
        我是一个段落
        这是用来解释说明二级标题的内容。
        我们需要<br />进行换行，但是不换段落。
    </P>
    <br />
    <div></div>
    <!-- 换行，但是不换段落 -->
    <h1>光是遇见，就很美好</h1>
    <p>光是遇见，就很美好</p>
    <!-- 自定义列表标签 -->
    <dl>
        <dt>这是标题</dt>
        <dd>这是第一个</dd>
        <dd>这是第二个</dd>
    </dl>
    <!-- 预定义格式标签 -->
    <pre>
        成就大事
                从小事做起
    </pre>
    <!-- 有序标签 无序标签 -->
    <ol>
        <li>有序1</li>
        <li>有序2</li>
        <li>有序3</li>
    </ol>
    <ul>
        <li>无序1</li>
        <li>无序2</li>
        <li>无序3</li>
    </ul>
    <center><P>居中标签</P></center>
    <strong>加粗</strong>
    <em>斜体</em>
    <u>下划线</u>
    <a name="dibu" >2</a>
    <!-- <a href="#"></a>#默认跳转到顶部 -->
    <!-- <a href="javascript"></a>不会进行任何跳转操做，不会跳转到顶部 -->
    <!-- 语义化标签 -->
    <!-- 以下三个标签的display属性都为block -->
    <header>顶部</header>
    <nav>中部导航</nav>
    <footer>尾部</footer>
    <span</span>
</body>
</html>