学习目标:

掌握两类路径;

掌握六类链接;


学习内容:

在网页制作的过程中,少不了跟路径打交道,比如,包含一个文件,插入一个图片等,与路径都有关系,如果使用了错误的文件路径,就会导致引用失效(无法浏览链接文件,或无法显示插入的图片等)。

一、路径之相对路径

相对路径∶以引用文件所在位置为参考基础,而建立出的目录路径。

这里简单来说,图片相对于HTML页面的位置。

相对路径分类 符号 说明
同一级路径 图像文件位于HTML文件同一级如<img src="baidu.gif" />
下一级路径 / 图像文件位于HTML文件下一级如<img src="data:images/baidu.gif"
上一级路径 ../ 图像文件位于HTML文件上一级如<img src="../baidu.gif" />。

代码如下:

<body><!-- 同一级路径。直接在同级的目录文件中找到图片。 --><img src="img.jpg" /><!-- 下一级路径。先找到images文件,再找到所需要的图片。 --><img src="data:images/img.JPG" /><!-- 上一级路径。先..返回到上一级目录中,再找到要的图片。 --><img src="../img.jpg" />
</body>
</html>

二、路径之绝对路径

  • 绝对路径∶是指目录下的绝对位置,直接到达目标位置,通常是从盘符开始的路径。
  • 绝对路径是和当前html文件无关的一个路径。
  • 例如,“D:\web\img\logo.gif”或完整的网络地址“http;//www.itcast.cn/images/logo.gif”。
  • 这里要注意的是“文档地址”和“网络地址”是不一样的斜杠。
<body><!-- 文档下的图片 --><img src="C:\Users\86132\Desktop\VScode实验\第一天\images\img.JPG" /> <!-- 复制百度logo网址 --><img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" />
</body>
</html>
  • 使用绝对路径的缺点:

事实上,在网页编程时,很少会使用绝对路径,如果使用“E:\book\网页布\代码\第2章\bg.jpg”来指定背景图片的位置,在自己的计算机上 浏览可能会一切正常,但是上传到Web服务器上浏览就很有可能不会显示图片了。因为上传到Web服务器上时,可能整个网站并没有放在Web服务器的E盘, 有可能是D盘或H盘。即使放在Web服务器的E盘里,Web服务器的E盘里也不一定会存在“E:\book\网页布局\代码\第2章”这个目录,因此在浏 览网页时是不会显示图片的。

三、超链接标签

  1. 链接的语法格式

<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>

两个属性的作用如下:

属性 作用
herf 用于指定链接目标的url地址,(必须属性)当为标签应用href属性时,它就具有了超链接的功能
target 用于指定链接页面的打开方式,其中_self为默认值,_blank为在新窗口中打开方式.

2.链接的分类

  • 外部链接:例如< a href="http:// www.baidu.com ">百度</a >。
    <h2>1.外部链接</h2><h4>新窗口打开页面</h4><a href="https://www.baidu.com" target="_blank">认识HTML</a><h4>当前窗口打开页面</h4><a href="https://www.baidu.com" target="_self">认识HTML</a>
  • 内部链接:网站内部页面之间的相互链接.直接链接内部页面名称即可,例如<a href=" index.html">首页</a>。
    <h2>2.内部链接</h2><h4>当前窗口打开页面</h4><a href="01vscode.html" target="_self"> 水花兄弟</a><h4>新窗口打开页面</h4><a href="01vscode.html" target="_blank"> 水花兄弟</a>
  • 空链接:如果当时没有确定链接目标时,<a href="#">首页</a >。
    <h2>3.空链接:#</h2><h4>当前窗口打开页面</h4><a href="#" target="_self"> 空</a><h4>新窗口打开页面</h4><a href="#" target="_blank"> 空</a>
  • 下载链接:如果href里面地址是一个文件或者压缩包,会下载这个文件。
    <h2>4.下载链接:是一个文件或者压缩包#</h2><a href="images/img.zip"> 下载文件</a>
  • 网页元素链接:在网页中的各种网页元素,如文本、图像、表格、音频、视频等都可以添加超链接.
    <h2>5.网页元素的链接</h2><!-- 把百度超链接到img.JPG这张图片中 --><a href="https://www.baidu.com" target="_blank"><img src="data:images/img.JPG" title="百度" width="400"></a>
  • 锚点链接:点我们点击链接,可以快速定位到页面中的某个位置.

①在链接文本的href属性中,设置属性值为#名字的形式,如<a href="#two">第2集</a>

②找到目标位置标签,里面添加一个id属性=刚才的名字,如:<h3 id="two">第2集介绍</h3>

例:

<!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><h2 id="ml">目录</h2>1 <a href="#znjl">早年经历</a><br />2 <a href="#yyjl">演艺经历</a><br />3 <a href="#grsh">个人生活</a><br />4 <a href="#zyzp">主要作品</a><br />5 <a href="#shhd">社会活动</a><br />6 <a href="#hjjl">获奖记录</a><br />7 <a href="#rwpj">人物评价</a><br /><h3 id="znjl">早年经历</h3>周杰伦出生于台湾省新北市,祖籍福建省泉州市永春县 [23]  。周杰伦4岁的时候,母亲叶惠美把他送到淡江山叶幼儿音乐班学习钢琴 [24]  。周杰伦读初中二年级时,他的父母因性格不合离婚,而周杰伦则归母亲叶惠美抚养。中考时,周杰伦没有考上普通高中;同年,他因为擅长钢琴而被淡江中学第一届音乐班录取。高中毕业以后,他两次报考台北大学音乐系均没有被录取,于是他开始在一家餐馆打工 [24]  。1997年9月,周杰伦在母亲的鼓励下报名参加了台北星光电视台的娱乐节目《超级新人王》,并在节目中邀人演唱了自己创作的歌曲《梦有翅膀》。当主持人吴宗宪看到这首歌曲的曲谱后,就邀请周杰伦到阿尔发音乐公司担任音乐助理 [24]  。1998年,他创作了歌曲《眼泪知道》,在公司把这首歌曲给刘德华以后却被退歌;而他为张惠妹创作的歌曲《双截棍》和《忍者》(后收录于周杰伦个人专辑《范特西》中)也被退回 [25-26]  。<a href="#ml">返回顶部</a><br /><h3 id="yyjl">演艺经历</h3>2000年,在杨峻荣的推荐下,周杰伦开始演唱自己创作的歌曲。11月7日,发行首张个人专辑《Jay》,并包办全部歌曲的作曲、和声编写以及监制工作 [27]  ;该专辑融合了R&B、嘻哈等多种音乐风格 [28]  ,其中主打歌曲《星晴》获得第24届十大中文金曲优秀国语歌曲金奖 [29]  ,而周杰伦也凭借该专辑在华语乐坛受到关注,并于次年举办的第12届台湾金曲奖颁奖典礼上凭借该专辑获得最佳流行音乐演唱专辑奖,入围最佳制作人奖,凭借专辑中的歌曲《可爱女人》获得第12届台湾金曲奖最佳作曲人奖提名 [30-31]  。2001年9月,周杰伦发行了第二张专辑《范特西》,他除了担任专辑的制作人外,还包办了专辑中所有歌曲的作曲;该专辑是周杰伦确立其唱片风格的作品,其中结合中西方音乐元素的主打歌《双截棍》成为饶舌歌曲的代表作之一 [32-33]  ;该专辑发行后也让周杰伦打开东南亚市场 [32]  ,并于次年凭借该专辑获得第13届台湾金曲奖最佳专辑制作人奖、最佳流行音乐专辑奖以及香港唱片销量大奖颁奖典礼十大销量国语唱片等奖项,周杰伦亦凭借专辑中的歌曲《爱在西元前》获得第13届台湾金曲奖最佳作曲人奖 [34]  。10月,为李玟创作融合中西方音乐元素的歌曲《刀马旦》 [35]  。12月24日,发行EP《Fantasy + Plus》,收录了他在桃园巨蛋演唱会上演唱的《你比从前快乐》《世界末日》等歌曲。同年,获得第19届十大劲歌金曲颁奖典礼最受欢迎唱作歌星金奖、叱咤乐坛流行榜颁奖典礼叱咤乐坛生力军男歌手金奖等奖项。2002年2月,在新加坡新达城国际会议展览中心举行演唱会。7月,发行专辑《八度空间》,除了包办专辑中所有歌曲的作曲外,他还担任专辑的制作人 [36]  ;该专辑以R&B曲风的歌曲为主,并获得g-music风云榜白金音乐奖十大金碟奖、华语流行乐传媒大奖十大华语唱片奖、新加坡金曲奖大奖年度最畅销男歌手专辑等奖项 [37-39]  。9月28日,在台北体育场举行“TheOne演唱会” [40]  。12月12日至16日,在香港红磡体育馆举行5场“THE ONE”演唱会 [41]  。12月25日,在美国拉斯维加斯举办“THE ONE”演唱会。同年,获得第1届MTV日本音乐录影带大奖亚洲最杰出艺人奖、第2届全球华语歌曲排行榜最受欢迎创作歌手奖、第9届新加坡金曲奖亚太最受推崇男歌手奖等奖项 [42-43]  。<a href="#ml">返回顶部</a><br /><h3 id="grsh">个人生活</h3>家庭情况周杰伦的父亲周耀中是淡江中学的生物老师 [193]  ,母亲叶惠美是淡江中学的美术老师。周杰伦跟母亲之间的关系就像弟弟跟姐姐。他也多次写歌给母亲,比如《听妈妈的话》,甚至还把母亲的名字叶惠美作为专辑的名称。由于父母离异,因此周杰伦很少提及父亲周耀中,后来在母亲和外婆叶詹阿妹的劝导下,他重新接纳了父亲。感情生活2004年底,周杰伦因节目结缘与侯佩岑相恋 [320]  。2005年,两人公开承认恋情 [320]  。2006年5月,两人分手 [321-322]  。2014年11月17日,周杰伦正式公开了与昆凌的恋情 [194]  。2015年1月17日,周杰伦与昆凌在英国举行婚礼 [195-196]  ;2月9日,周杰伦与昆凌在台北举行泳池户外婚宴 [197]  ;3月9日,周杰伦、昆凌在澳洲举办家庭婚礼 [198-199]  ;7月10日,周杰伦与昆凌的女儿Hathaway出生 [200-201]  。2017年2月13日,周杰伦宣布妻子怀二胎 [202]  ;6月8日,周杰伦与昆凌的儿子Romeo出生 [203]  。友情生活2021年2月10日晚,周杰伦昆凌先后晒出参观方文山工作室的照片,周杰伦发文为好友感到开心,有个如此漂亮而且面积大的场地,方文山一定能写出更多传唱歌曲,周杰伦为方文山送上了最美好的祝福 [204]  。<a href="#ml">返回顶部</a><br /><h3 id="zyzp">主要作品</h3>周杰伦的床边故事
2016-06-24哎呦,不错哦
2014-12-26天台电影原声带
2013-07-812新作
2012-12-28惊叹号!
2011-11-11The Era 2010 超时代演唱会
2011-01-25跨时代
2010-05-18魔杰座
2008-10-142007世界巡回演唱会
2008-01-30我很忙
2007-11-1不能说的秘密电影原声带
2007-08-13黄金甲EP
2006-12-08依然范特西
2006-09-05霍元甲
2006-01-2011月的萧邦
2005-11-01Initial J
2005-08-31周杰伦2004无与伦比演唱会LiveCD
2005-01-20七里香
2004-08-03寻找周杰伦
2003-11-13叶惠美
2003-07-29TheOne演唱会
2002-10-25八度空间
2002-07-18范特西PLUS
2001-12-28范特西
2001-09-14Jay
2000-11-6
<a href="#ml">返回顶部</a><br /><h3 id="shhd">社会活动</h3>公益活动
周杰伦公益慈善活动
周杰伦公益慈善活动(8张)
2003年,参与演唱公益歌曲《手牵手》,并将演唱会所用的扇子拍卖,拍卖所得捐献给天津的一家福利机构。
2004年东南亚海啸期间,参加在泰国举办的“Asia Aid”慈善义演活动 [240]  。
2005年3月,义卖“杰伦爱心之星”,并将拍卖款捐给儿童基金会 [241]  。5月,义卖参与设计的MP3播放器 [242]  。
2007年,参加在台湾地区举办的“一块救一命”公益活动。同年,参加“世界展望会饥饿三十”演唱会 [243]  。
2008年5月13日,向汶川地震灾区捐款50万元 [19]  。同年,他又向汶川地震灾区捐款200万元,然后通过红十字会捐款50万元。此外,他还将重庆演唱会改成募捐的形式,除了将演唱会的收入全部捐献给灾区之外,还筹集超过3000万元的善款。汶川地震以后,周杰伦的捐款总额超过4200万元。
2009年8月,向莫拉克台风灾区捐款200万台币,并助养了300名受灾儿童 [244]  。
2010年3月,在台北走访三间不同的小学,并捐赠奖学金 [245]  。4月,周杰伦与潘玮柏向青海玉树地震灾区合捐100万元。10月,参加河南青年励志创业推广活动 [246]  。11月1日,参加关爱艾滋病儿童的慈善晚宴,并筹集善款1187.7万元 [247]  。11月16日,参加“不吸烟、做自己”活动,并与外婆一起担任义工以及合拍公益广告 [248]  。12月,参加由宋庆龄基金会举办的慈善晚宴,并向宋庆龄慈善基金会捐款150万元 [249]  。
出席活动
出席活动(14张)
2011年,与科比·布莱恩特合作进行明星慈善赛,并将门票收入2185728元捐给中国青少年基金会 [250]  。同年,将歌曲《天地一斗》的下载收入捐献给中国希望工程。2月,与林义杰等人共同发起“奔向丝路 拥抱和谐”公益活动 [251]  。
2012年,前往捐助的湖南省汨罗市智峰乡希望小学,并捐赠一架电子钢琴和20个篮球 [250]  。5月,与方文山、林俊杰等艺人共同发起“爱正版购自由”主题公益活动 [252]  。
2013年11月,参加“我在·爱在”公益之夜慈善拍卖活动 [253]  。
2014年3月,参加第五届“爱奇儿日”公益活动 [254]  。6月,参加国家禁毒委、中国禁毒基金会等联合发起的公益宣传活动“禁毒之战2014” [255]  。8月4日,通过中国扶贫基金会向鲁甸地震灾区捐款50万元,成为首位向鲁甸地震灾区捐款的中国台湾艺人 [256]  。同年,在高雄发生气爆时,他捐出200万台币给殉职警义消家属 [257]  。
2015年6月,参加富邦慈善基金会举办的“用爱心做朋友”助学公益活动 [258]  。7月,向新北市“八仙粉尘气爆救助项目”捐款100万台币 [259]  。8月,参加公益篮球夏令营活动 [260]  。
2016年2月,向台湾省高雄市地震灾区捐款200万台币 [261]  。4月,将签名吉他捐赠给天使心家族社会福利基金会,用于慈善拍卖 [262]  。8月,周杰伦为野生救援组织拍摄了4部公益广告片 [263]  。
2020年1月30日,周杰伦与妻子昆凌在新冠疫情期间,通过湖北省慈善总会向防疫一线捐赠300万元 [264]  。2月23日,周杰伦作曲的抗击疫情公益歌曲《等风雨经过》发行 [265]  。11月22日,与妻子昆凌和女儿以及刘畊宏参加爱心搬运公益活动
<a href="#ml">返回顶部</a><br /><h3 id="hjjl">获奖经历</h3>▪ 2021-5-12    第32届台湾金曲奖最佳单曲制作人奖[324]     Mojito    (提名)
▪ 2021-1-29    中国歌曲TOP排行榜最佳男歌手奖[149]     (获奖)
▪ 2018-8-29    2018华人歌曲音乐盛典年度最受欢迎男歌手[272]     (获奖)
▪ 2017    第28届台湾金曲奖最佳国语男歌手奖[273]     周杰伦的床边故事    (提名)
▪ 2017    第28届台湾金曲奖最佳年度歌曲奖[273]     告白气球    (提名)
▪ 2017    第28届台湾金曲奖最佳音乐录影带奖[273]     床边故事    (提名)
▪ 2017    Billboard Radio China 2016年度华语十大金曲奖[274]     告白气球    (获奖)
▪ 2017    华语金曲奖致敬香港回归20周年颁奖盛典年度最佳国语专辑[132]     周杰伦的床边故事    (获奖)
▪ 2017    第12届KKBOX数位音乐风云榜年度十大风云歌手    (获奖)
▪ 2017    hito流行音乐奖最受欢迎男歌手    (获奖)
▪ 2017    hito流行音乐奖年度十大华语歌曲    不该    (获奖)
▪ 2017    第1届唱工委音乐奖年度专辑 [275]     周杰伦的床边故事    (获奖)
▪ 2017    第1届唱工委音乐奖最佳流行音乐专辑    周杰伦的床边故事    (获奖)
▪ 2017    第1届唱工委音乐奖最佳作曲    告白气球    (获奖)
▪ 2017    第1届唱工委音乐奖最佳音乐录影带    床边故事    (获奖)
▪ 2016    QQ音乐巅峰盛典年度音乐全能艺人[277]     (获奖)
▪ 2016    QQ音乐巅峰盛典年度最具影响力演唱会    (获奖)
▪ 2016    QQ音乐巅峰盛典QQ音乐年度巅峰人气歌手    (获奖)
▪ 2016    第10届音乐盛典咪咕汇十年最佳男歌手[278]     (获奖)
▪ 2016    第10届音乐盛典咪咕汇十年最具影响力歌手[278]     (获奖)
▪ 2016    第10届音乐盛典咪咕汇年度港台最受欢迎男歌手[278]     (获奖)
▪ 2016    第10届音乐盛典咪咕汇十年10大金曲[278]     稻香    (获奖)
<a href="#ml">返回顶部</a><br /><h3 id="rwpj">人物评价</h3>周杰伦是流行音乐市场具有革命性和指标性的原创歌手,同时也是影响华语乐坛很深的音乐人。他把中国本土文化和R&B音乐相结合,将R&B这种音乐形态完全中国化,在很大程度上提升了词曲原创人在华人音乐界的地位 [307]  。他突破亚洲音乐原有的主题和形式,创造出了多变的歌曲风格 [308]  。他不仅擅长节奏蓝调、饶舌、西方古典钢琴等等 [309]  ,每张专辑都有中国风歌曲也是他的特点之一 [310]  。他将Hip-Hop、R&B唱法融入到中国传统音乐当中 [311]  ,让中国风变成华语流行音乐的主流曲风 [310]  。周杰伦的独特之处还在于他在追求中国风音乐的同时,将文学美与意境美注入到音乐中,使其作为偶像的同时又不失文化品味(新华网、《流行歌曲》、搜狐网、《杭州日报》、谷勇、《音乐创作》、《北京晚报》评) [312]  。周杰伦具有独特的唱腔 [313]  ,他依靠一种个性化的、自然率真的演唱风格完成其声音的塑造,并通过恰到好处的假声以及语气词的控制来增加作品的表现力 [314]  。周杰伦的发音也是其鲜明风格的一部分,他打破了歌手吐字清晰的原则,转而以一种不考虑平仄、突出旋律的方式唱出个性,并将这种个性同青少年听众群对时尚音乐风格的需求进行了恰当的对接(新华网、《深圳商报》、《流行歌曲》评) [307]  。周杰伦是一位非凡的艺人 [87]  。他的才华不仅体现在现场即兴创作能力和对乐理、各种乐器的精通,还体现在其不入俗套的创作思路 [315]  。他在乐曲中融入各式东西方音乐,比如爵士乐、蓝调、摇滚、那卡西、民谣、嘻哈、美国乡村音乐、电子音乐等等。他不仅将流行音乐进行复杂而微妙的相互融合,还大胆的运用与搭配各类乐器,从而创造出其不意的效果。这种天马行空的创作思路也使得周杰伦的歌曲具有很强的个人风格,并且与任何一种音乐形式都不完全相同<a href="#ml">返回顶部</a><br /></body>
</html>

在这个例子中用到了锚点链接。

例如:<a href="#znjl">早年经历</a><br />

<h3 id="znjl">早年经历</h3>  等等

又设置了一个反向的锚点链接,在每一段的结尾都有一个返回顶部的锚点链接。

例如:<a href="#ml">返回顶部</a><br />

<h2 id="ml">目录</h2> 等等

四、注释

如果需要在HTML文档中添加一些便于阅读和理解但又不需要显示在页面中的注释文字,就需要使用注释标签。HTML中的注释以“<!--”开头,以“-->”结束。

<!-- 注释语句-->       快捷键:ctrl +l

一句话:注释标签里面的内容是给程序猿看的,这个代码是不执行不显示到页面中的.

五、特殊字符

在HTML页面中,一些特殊的符号很难或者不方便直接使用,此时我们就可以使用下面的字符来替代。

特殊字符 描述 字符的代码
 

空格符

&nbsp;
< 小于号 &lt;
> 大于号 &gt;

例:

<body><!-- html中的注释和特殊字符 -->H &nbsp;&nbsp;&nbsp;&nbsp; T &nbsp;&nbsp;&nbsp;&nbsp; M &nbsp;&nbsp;&nbsp;&nbsp; L <br \>&lt; p &gt;是一个段落标签
</body>
</html>

运行结果:

有很多很多的特殊字符,重点记住:空格、大于号、小于号 这三个,其余的使用很少。


学习时间:

7月17号上午8:30-11:30

7月17号下午14:30-17:30


学习产出:

  • 利用各种超链接的知识制作了一个关于周杰伦的网页。
  • 做了一个关于圣诞节的网页。

例1:

例2:

<!-- demo -->
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title>
</head>
<body><h1 id="ml"> 圣诞节的那些事</h1>1.圣诞是怎样由来的 <br>2.<a href="#oldman">圣诞老人的由来</a>  <br>3.<a href="#tree">圣诞树的由来</a>  <br><h2> 圣诞是怎样由来的</h2><p> 圣诞节是基督教世界最大的节日。一般认为12月25日作为圣诞节可能开始于公元336年的罗马教会。4世纪初,1月6日是罗马帝国东部各教会纪念耶稣降生和受洗的双重节日,即上帝通过耶稣向世人显示自己。 这一天又是罗马历书的冬至节,意味着万物复苏的开始。可能由于这个原因,罗马教会才选择这一天作为圣诞节。后来,因为各地教会使用的历书不同,具体日期不能统一,于是就把12月24日到第二年的1月6日定为圣诞节节期(Christmas Tide),各地教会可以根据当地具体情况在这段节期之内庆祝圣诞节。 在欧美许多国家里,人们非常重视这个节日,把它和新年连在一起,而庆祝活动之热闹与隆重大大超过了新年,成为一个全民的节日。12月24日平安夜、12月25日圣诞节的主要纪念活动都与耶稣降生的传说有关 。</p><img src="data:images/t1.gif"><h2 id="oldman"> 圣诞老人的由来</h2><p>圣诞节当然少不了<a href="oldman.html" target="_blank">圣诞老人</a>,根据圣经记载,书中并没有提起这一号人物。到底他是如何成为圣诞的主角之一呢?</p><img src="data:images/t2.jpg" ><p>相传在一千六百多年前,荷兰巴里地方有一个老人,名叫尼古拉斯,他一生最爱帮助贫穷的人家。其中有一次他帮助三个贫穷的少女,送她们三袋金子以逃过被卖的不幸。</p><p> 到了一八二二年,由荷兰传教士把这位伟大慈善家的故事传到美国,装扮圣诞老人渐渐地流行于世界各国。根据调查,以上故事还有下文;当尼古拉斯偷偷把其中一袋金子送给其中一名女子时,他把金子从其中一个窗户扔进去,恰好掉进晾在壁炉上的一只长袜中。于是,将礼物放在圣诞袜子的送礼方法便传到至今。</p><p>在平安夜里,孩子总会把一双双色彩缤纷的袜子挂在床头,然后在袜子旁边放杯热牛奶让圣诞老人喝,以让劳苦功高的圣诞老人解渴,并送份大礼给自己。?</p><a href="#ml">返回顶部</a>  <br><h2 id="tree">圣诞树的由来</h2><p>圣诞一直是庆祝圣诞节不可少的装饰物,如果家中没有圣诞树,就大大减少了过节气氛。关于圣诞树的来源有多种不同的传说。</p><p>其中一个是说:大约在十六世纪,圣诞树最先出现在德国,德国人把长青的松柏枝拿到屋中去摆设,将之成为圣诞树。后来,由德国人马丁路德把蜡烛放在树林中的枞树枝,然后点燃蜡烛,使它看起来像是引导人们到伯利恒去。而近今日,人们已经改用粉色的小灯泡了。</p><p> 另一个传说记载。在很久以前,曾有一位农民,在圣诞节那天遇到一个穷苦小孩,他热情地接待了这个儿童。儿童临走时折下一根松枝插在地上,松枝立即变成一棵树,上面都挂满礼物,以答谢农民的好意。</p><p> 圣诞树真正出现在圣诞节时,首先见于德国,之后又传入欧洲和美国,并以其优美的姿态,成为圣诞节不可缺少的装饰。圣诞树的种类繁多,有天然松柏圣诞树、也有人造圣诞树及白色圣诞树。每棵圣诞树上都挂满琳琅满目的装饰品,但每棵树的顶端必定有个特大的星星,象征三博士跟随该星而找到耶稣,而且也只有该家庭的一家之主可以把这棵希望之星挂上。</p><img src="data:images/t3.jpg"><p>更多内容可以 <a href="http://www.baidu.com" target="_blank">百度一下</a> </p> <a href="#ml">返回顶部</a>  <br></body>
</html>
<!-- oldman.html -->
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title>
</head>
<body><h1>圣诞老人 (西方文化的传说人物)</h1><p> 圣诞老人(Santa Claus)别称Saint Nick、Kris Kringle、Father Christmas或Santa(爱尔兰英语的Santy),一位专门在圣诞节前夜时悄悄赠送礼物给小孩子的神秘人物,是节日主题的代表角色之一。他普遍被认为是基督教的圣人圣·尼古拉斯(Saint Nicholas)的衍生形象。 传说每到12月24日晚上,有个神秘人会乘驾由9只驯鹿拉的雪橇在天上飞翔,挨家挨户地从烟囱进入屋里,然后偷偷把礼物放在好孩子床头的袜子里,或者堆在壁炉旁的圣诞树下。他在一年中的其他时间里,都是忙于制作礼物和监督孩子们的行为。 虽然没有人真的见过神秘人的样子,但是人们会装扮成他的样子来给孩子送上礼物。他通常被描述为一位老人,头戴红色帽子,大大的白色胡子,一身红色棉衣,脚穿红色靴子的样子,拿着装有礼物的大袋子,因为总在圣诞节前夜出现派发礼物,所以习惯地称他为“圣诞老人”。</p><img src="data:images/oldman.jpg" >
</body>
</html>

运行结果:

HTML的路径和链接、注释、特殊字符相关推荐

  1. python写入Excel时,将路径或链接以超链接的方式写入

    我们希望做到的是,如果单元格内容是一个文件路径或者链接的时候,能够直接在Excel中以超链接的方式打开. # 将text转为url链接 def excel_text2url(link_url):''' ...

  2. 2019-7-22 [HTML] 基本结构 DOCTYPE声明 标签:[title meta 标题 段落 换行 加粗 斜体 下划线] 注释 特殊字符 img标签 a标签

    文章目录 0.HTML网页技术(基础) 1 HTML概述 1.1 什么是HTML? 1.2 Hello,HTML! 2 HBuilder的安装与使用 2.1 安装HBuilder 2.2 使创建项目 ...

  3. delphi实现两个目录路径的链接

    filepath := PathJoin(['C:', 'path1', 'path2\', 'a.doc']); // filepath = 'C:\path1\path2\a.doc' 代码: f ...

  4. 【Android NDK 开发】Android Studio 使用 CMake 导入动态库 ( 构建脚本路径配置 | 指定动态库查找路径 | 链接动态库 )

    文章目录 I . CMake 引入动态库与静态库区别 II . Android Studio 中 CMake 引入动态库流程 III . 指定动态库查找路径 IV . 链接函数库 V . 完整代码示例 ...

  5. linux 编译链接出错,Qt编译和链接错误

    为了演示 Qt Creator 的报错信息,我们刻意制造一个小 Bug.依然使用<Qt Creator使用教程(简明版)>一节中创建的项目和代码,双击 HelloWorld.pro,或者在 ...

  6. HTML---->常用标签链接特殊符号

    HTEL5+CSS3------>HPH 黑马程序视频 目的:能够复刻各种页面,并且能够快速过度到PHP 1.Web标准的构成 结构:HTML 没毛的鸟 表现:CSS 有毛的鸟 行为动作:JS ...

  7. 初学HTML笔记记录1之基础标签与链接(pink老师)

    2021年11月29日学习记录: 一.代码部分 <!DOCTYPE html>document type文档类型声明此为HTML5的版本 <html lang="en&qu ...

  8. 使用.NET中的XML注释(一) -- XML注释标签讲解

    使用.NET中的XML注释(一) -- XML注释标签讲解 作者:Xt Idt  来源:博客园  发布时间:2011-04-02 11:46  阅读:9 次  原文链接   [收藏]   一.摘要 . ...

  9. python文件路径操作及pathlib库

    对文件的路径操作是一个非常基础的问题,但也是一个至关重要的问题,优雅的路径操作不仅可以让代码可读性更高:还可以让用户避免很多不必要的麻烦.python中路径操作常用的几种方式重要包括:字符串拼接.os ...

  10. 网站SEO域名、URL路径优化

    网站SEO域名.URL路径优化http://www.seodt.org/498.html 对SEO新手来说,觉得网站站内优化没有多大必要性,SEO基础教程太原SEO数据处理技术团队与大家进行分享一下, ...

最新文章

  1. 阅读豆丁网----基于模型的混合多目标算法的研究
  2. TAB(Nav)导航菜单
  3. [UOJ422]小Z的礼物
  4. ArrayList的sublist注意
  5. UI标签库专题一:JEECG智能开发平台 BaseTag(样式表和JS引入标签)
  6. 留学面试 计算机专业话题,英语面试_美国留学计算机专业详解_沪江英语
  7. Pandas to_timedelta
  8. hp203b例程_飞思卡尔公司LIN总线的例程代码
  9. 20135223何伟钦—信息安全系统设计基础第五周学习总结
  10. 抽象类继承 java_java继承抽象类
  11. Django 系列博客(二)
  12. Spring - DI循环依赖
  13. 基础集合论 第二章 9 族
  14. VGG16模型详解 and 代码搭建
  15. Codeforces 760B Frodo and pillows【贪心+二分】
  16. 蓝瘦香菇!美国帅小伙作死尝试无人机剪头发
  17. log文件过大处理方法
  18. 新冠核酸快速检测系统
  19. Android城市列表
  20. 【PyCharm实用教程】最详细的Pycharm使用教程,你真不要进来学习一下?

热门文章

  1. 山寨机java游戏下载_Q版水浒-山寨英雄
  2. 制作自己的印章,和自己的爱人表白纪念!
  3. 事件委托的灵活运用真不会求指教
  4. 电子通讯录(数据库版存储)
  5. 计算机win7设置用户密码,怎么给win7电脑设置开机密码_w7电脑开机密码怎么设置...
  6. 数学猜想验证步骤_猜想验证思想在数学教学中的应用
  7. 网络协议服务器常用默认端口
  8. 清华计算机学院博士后,清华大学博士后
  9. 梯形图转化c语言,PLC梯形图转换成STL程序
  10. 有10亿个整数,要求选取重复次数最多的100个整数