HTML学习

标签和特殊字符

标题：h1 h2 h3 h4 h5 h6

分割线：hr

段落：p

换行：br

粗体：Strong

斜体：

特殊符号：
空格：&nbsp；

大于号：&gt；

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>标签练习</title>
</head>
<body>

<!-- 标题 -->
<h1>一级标题</h1>
<h2>一级标题</h2>
<h3>一级标题</h3>
<h4>一级标题</h4>
<h5>一级标题</h5>
<h6>一级标题</h6>


锄禾日当午
汗滴禾下土
谁知盘中餐
粒粒皆辛苦
<!--分割线-->
<hr/>
<!-- 段落 -->
<p>锄禾日当午</p>
<p>汗滴禾下土</p>
<p>谁知盘中餐</p>
<p>粒粒皆辛苦</p>


<!--分割线-->
<hr/>
<!--换行符-->
锄禾日当午
<br/>汗滴禾下土
<br/>谁知盘中餐
<br/>粒粒皆辛苦

<!--分割线-->
<hr/>
<!--粗体-->
<strong>粗体1</strong>
<!--斜体-->
<em>斜体</em>

<hr/>

<!--
特殊符号
空格 &nbsp;
大于号&gt;   小于号&lt;
版权&copy;
-->
锄禾日当午&nbsp;&nbsp;&nbsp;&nbsp;汗滴禾下土&nbsp;&nbsp;&nbsp;&nbsp;谁知盘中餐&nbsp;&nbsp;&nbsp;&nbsp;粒粒皆辛苦
<br/>

</body>
</html>

图片标签

标签名：img

src：资源目录

alt：图片无法加载时的站位文字

title：鼠标悬停文字

<img src="resources/image/1.png" alt="占位符" title="悬停文字">

链接标签

标签名：a

href：标签跳转的内容

target：跳转的目标（_self:自身跳转，_blank:新页面跳转）

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>链接标签</title>
</head>
<body>

<a href="top"></a>

<a href="mailto:393942632@qq.com">点我发邮件</a>

<p>
    <a href="标签练习.html" target="_blank">点我跳转
        <img src="resources/image/1.png" alt="叫爸爸">
    </a>
</p>
<p>
    <a href="标签练习.html" target="_blank">点我跳转
        <img src="resources/image/1.png" alt="叫爸爸">
    </a>
</p>
<p>
    <a href="标签练习.html" target="_blank">点我跳转
        <img src="resources/image/1.png" alt="叫爸爸">
    </a>
</p>
<p>
    <a href="标签练习.html" target="_blank">点我跳转
        <img src="resources/image/1.png" alt="叫爸爸">
    </a>
</p>
<p>
    <a href="标签练习.html" target="_blank">点我跳转
        <img src="resources/image/1.png" alt="叫爸爸">
    </a>
</p>
<p>
    <a href="标签练习.html" target="_blank">点我跳转
        <img src="resources/image/1.png" alt="叫爸爸">
    </a>
</p>
<p>
    <a href="标签练习.html" target="_blank">点我跳转
        <img src="resources/image/1.png" alt="叫爸爸">
    </a>
</p>
<p>
    <a href="标签练习.html" target="_blank">点我跳转
        <img src="resources/image/1.png" alt="叫爸爸">
    </a>
</p>
<p>
    <a href="标签练习.html" target="_blank">点我跳转
        <img src="resources/image/1.png" alt="叫爸爸">
    </a>
</p>
<p>
    <a href="标签练习.html" target="_blank">点我跳转
        <img src="resources/image/1.png" alt="叫爸爸">
    </a>
</p>
<p>
    <a href="标签练习.html" target="_blank">点我跳转
        <img src="resources/image/1.png" alt="叫爸爸">
    </a>
</p>


<a href="#top">回到顶部</a>

</body>
</html>
posted @ 2020-12-01 14:22  PhilXiao  阅读(56)  评论(0)    收藏  举报