HTML标签

来源:互联网 发布:淘宝开店考试 编辑:程序博客网 时间:2024/06/08 07:14
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>标签练习</title>
</head>
<body>
    <p id="one">Hel&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;lo</p>
    <a href="#two">跳转到超链接部分</a>
    <p>World</p>
    <p>
        &lt;p&gt;这是段落标签&lt;/p&gt;
    </p>

    <strong>强调 加粗</strong>
    <b>加粗</b>
    <em>强调 斜体</em>
    <i>斜体</i>
    <u>下划线</u>
    <s>删除线</s>
    2 <sup>4</sup>
    log <sub>2</sub>4
    <!--hr分割线-->
    <hr>
    <h1>a</h1>
    <h2>b</h2>
    <h3>c</h3>
    <h4>d</h4>
    <h5>e</h5>
    <hr />
    <h3 id="two">超链接</h3>
    <!-- href="跳转地址" -->
    <a href="1-test4.html">跳转到其他页面</a>
    <a href="#one">跳转到顶部</a>
    <a href="mailto:913357913@qq.com">联系我们</a>
    <!-- target属性   默认target="_self"-->
    <a href="1-test4.html" target="_self">在当前选项卡打开</a>
    <a href="1-test4.html" target="_blank">在新选项卡打开</a>
    <hr>
    <h3 style="color:red;font-size:30px;">图片</h3>
    <!-- src地址 alt图片显示不出来时的显示方式 -->
    <img src="./images/1.jpg" alt="" width="200px" height="200px" title="这是提示信息">
    <!-- br换行  hr分割线 -->
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
</body>
</html>
原创粉丝点击