HTML学习

最新推荐文章于 2024-09-14 15:26:51 发布

⁢⁢⁢⁢回家的诱惑

最新推荐文章于 2024-09-14 15:26:51 发布

阅读量78

点赞数

分类专栏： HTML idea 文章标签： html 前端

本文链接：https://blog.csdn.net/qdacm_lxg/article/details/121087350

版权

idea 同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

HTML

2 篇文章 0 订阅

订阅专栏

基本标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>基本标签</title>
</head>
<body>
<!--标题标签-->
<h2>你好</h2>
<h3>你好</h3>
<h3>你好</h3>
<h4>你好</h4>
<h5>你好</h5>
<h6>你好</h6>


<!--段落标签-->
<p>是你</p>
<p>还是 你</p>
<!--换行标签-->
是你<br/>
还是   你<br/>


<!--分割线-->
<hr/>
<!--特殊符号-->
空&nbsp;&nbsp;&nbsp;格
<!--粗体、斜体-->
粗体：<strong> i love you</strong>
斜体：<em>i love you</em>

</body>
</html>

图像标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图像标签</title>

</head>
<body>
<!--img学习-->
<!--
src : 图片地址（必填）
    相对地址（推荐使用）
    绝对地址
    ../     --表示上一级目录
    -->
<img src="../resource/image/1.png" alt="截图" title="悬停文字" width="300" height="300">
<a href="4链接标签.html#down">点击跳转</a>
</body>
</html>

链接标签

<!--使用name作为标记-->
<a name="top">顶部</a>
<!--href标签： 必填
表示跳转到那个页面    target：表示在那个窗口打开
_blank：新标签打开
_self:自己网页打开-->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>链接标签</title>
</head>
<body>
    <!--锚链接-->
    <!--使用name作为标记-->
    <a name="top">顶部</a>
    <!--href标签： 必填
    表示跳转到那个页面    target：表示在那个窗口打开
    _blank：新标签打开
    _self:自己网页打开-->
    <a href="我的第一个网页.html" target="_blank" target="_blank">点击跳转</a>
    <a href="https://www.baidu.com" target="_self" target="_blank">点击跳转百度</a>
    <p><img src="../resource/image/1.png" alt="截图" title="悬停文字" width="300" height="300"></p>
    <p><img src="../resource/image/1.png" alt="截图" title="悬停文字" width="300" height="300"></p>
    <p><img src="../resource/image/1.png" alt="截图" title="悬停文字" width="300" height="300"></p>
    <p><img src="../resource/image/1.png" alt="截图" title="悬停文字" width="300" height="300"></p>
    <p><img src="../resource/image/1.png" alt="截图" title="悬停文字" width="300" height="300"></p>
    <p><img src="../resource/image/1.png" alt="截图" title="悬停文字" width="300" height="300"></p>
    <p><img src="../resource/image/1.png" alt="截图" title="悬停文字" width="300" height="300"></p>
    <p><img src="../resource/image/1.png" alt="截图" title="悬停文字" width="300" height="300"></p>
    <p><img src="../resource/image/1.png" alt="截图" title="悬停文字" width="300" height="300"></p>
    <p><img src="../resource/image/1.png" alt="截图" title="悬停文字" width="300" height="300"></p>
    <p><img src="../resource/image/1.png" alt="截图" title="悬停文字" width="300" height="300"></p>
    <p><img src="../resource/image/1.png" alt="截图" title="悬停文字" width="300" height="300"></p>
    <p><img src="../resource/image/1.png" alt="截图" title="悬停文字" width="300" height="300"></p>
    <p><img src="../resource/image/1.png" alt="截图" title="悬停文字" width="300" height="300"></p>
    <p><img src="../resource/image/1.png" alt="截图" title="悬停文字" width="300" height="300"></p>
    <!--锚链接-->
    <a href="#top">跳转顶部</a>

<a name="down"></a>
<!--功能链接-->
    <!--邮箱标签-->
<a href="mailto:766389746@qq.com">点击联系我</a>
    <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=&site=qq&menu=yes">
    <img border="0" src="http://wpa.qq.com/pa?p=2::53" alt="你好，点击联系我领取小电影" title="你好，点击联系我领取小电影"/></a>
</body>
</html>