HTML CSS3 04 图像标签和路径超链接标签，注释标签综合案例

本文链接：https://blog.csdn.net/weixin_43960370/article/details/114296335

文章目录

HTML常用标签
综合案例

HTML常用标签

图像标签和路径

在这里插入图片描述

路径之相对路径

在这里插入图片描述

路径绝对路径

在这里插入图片描述

超链接标签

在这里插入图片描述

注释

ctrl + ‘’/’’ 快速添加注释

在这里插入图片描述

特殊字符

在这里插入图片描述
熟练记忆 & nbsp; & lt; & gt;

综合案例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>圣诞节的那些事</h1>
    <a href="#1">1.圣诞节是怎样来的</a><br>
    <a href="#2">2.圣诞老人的由来</a><br>
    <a href="#3">3.圣诞树的由来</a><br>
    
    <h2 id="1">圣诞是怎样由来的</h2>
    <p>基督教纪念耶稣诞生的重要节日。亦称耶稣圣诞节、主降生节，天主教亦称耶稣圣诞瞻礼。耶稣诞生的日期，《圣经》并无记载。公元336年罗马教会开始在12月25日过此节。12月25日原是罗马帝国规定的太阳神诞辰。有人认为选择这天庆祝圣诞，是因为基督教徒认为耶稣就是正义、永恒的太阳。5世纪中叶以后，圣诞节作为重要节日，成了教会的传统，并在东西派教会中逐渐传开。因所用历法不同等原因，各教派会举行庆祝的具体日期和活动形式也有差别。圣诞节习俗传播到亚洲主要是在十九世纪中叶，日本、韩国等都受到了圣诞文化的影响。现在西方在圣诞节常互赠礼物，举行欢宴，并以圣诞老人、圣诞树等增添节日气氛，已成为普遍习俗。圣诞节也成为西方世界以及其他很多地区的公共假日。</p>
    <img src="images/index.jpg" alt="">
    <h2 id="2"><a href="oldman.html" target="_blank">圣诞老人</a>的由来</h2>
    <p>基督教纪念耶稣诞生的重要节日。亦称耶稣圣诞节、主降生节，天主教亦称耶稣圣诞瞻礼。耶稣诞生的日期，《圣经》并无记载。现在西方在圣诞节常互赠礼物，举行欢宴，并以圣诞老人、圣诞树等增添节日气氛，已成为普遍习俗。圣诞节也成为西方世界以及其他很多地区的公共假日。</p>
    <img src="images/index2.jpg" alt="">
    
    <h2 id="3">圣诞树的由来</h2>
    <p>现在西方在圣诞节常互赠礼物，举行欢宴，并以圣诞老人、圣诞树等增添节日气氛，已成为普遍习俗。圣诞节也成为西方世界以及其他很多地区的公共假日。</p>
    <p>更多内容可以<a href="http://www.baidu.com" target="_blank">百度一下</a></p>
</body>
</html>