ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

HTML复习day01

2021-02-03 22:34:13  阅读:204  来源: 互联网

标签:耶稣 圣诞节 复习 标签 day01 HTML 圣诞树 Document hello


1. 常见的浏览器内核
    1 IE Trident
    2 firefox Gecko
    3 Safari webkit  (安卓 苹果 大部分国产)
    4 chrome Chromlum/blink
2. web 标准
    web 标准的三层组成 结构 表现 和行为
3. HTML 是一种超文本标记语言
    组成 由文本和标签和图片组成
4. HTML骨架
<html>
    <head>

    </head>
    <body>

    </body>
</html>

5. 我的第一个网页
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的第一个网页</title>
</head>

<body>
    <h1>Hello World</h1>
</body>

</html>

 


 


6. 标签分为单标签和双标签 <br /> | <h1> </h1> 7. 标签之间关系有包含和并列 <body> <h1>Hello World</h1> </body> 8. vscode 的首次使用
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的工具</title>
</head>

<body>
    集成开发工具真好用
</body>

</html>

 

 

 


9. 编码
    常用的编码 GB2312 简体中文 BIG5繁体中文 GBK 中文 UTF-8万国码
10. 标签的语义化
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    在合适的地方放合适的标签
</body>

</html>
11. 标题标签

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <h1>hello World</h1>
    <h2>hello world</h2>
    <h3>hello world</h3>
    <h4>hello world</h4>
    <h5>hello world</h5>
    <h6>hello world</h6>
</body>

</html>

 


 

13. 段落 水平线 换行
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <h1>新闻标题</h1>
    <hr>
    <p>这是第一段</p>
    <p>这个是<br /> 第二段
    </p>
</body>

</html>

 


 

14. 文本格式化
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <b>加粗</b>
    <strong>加粗强调</strong>
    <i>倾斜</i>
    <em>倾斜强调</em>

    <s>删除</s>
    <del>强调删除</del>

    <u>下划线</u>
    <ins>强调下划线</ins>
</body>
</html>

 


 


15. 图像标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <img src="./img.jpg" alt="src是图片的路径属性"> </body> </html>

 


 


16.链接标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <a href="http://www.baidu.com">百度一下</a> <a href="./div.html">div演示</a> <a href="#">空链接</a> <a href="./07图像标签.html"><img src="./img.jpg" alt=""></a> </body> </html>

 


 

17. HTML注释
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>注释</h1>
    <!-- 这是一行注释-->
    添加和取消注释 Ctrl+?
</body>
</html>

18. 路径
D:\work\day01 这种叫绝对路径
../../day01   这种叫相对路径
https://pic.cnblogs.com/avatar/2249755/20210127142533.png  这种叫URL网络路径 0
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div>刘亦菲</div>
    <div>赵丽颖</div>

    <span>迪丽热巴</span>
    <span>古力娜扎</span>
</body>

</html>

 


 

 
综合练习1

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>耶稣 jesus</title> </head> <body> <h2>耶稣</h2> <p> 耶稣(公元元年/前4年—公元30年),是基督宗教里的核心人物,基督宗教认为他是《旧约圣经》中所预言的弥赛亚(救世主,基督),并且是三位一体中圣子的位格,常被称为“拿撒勒人耶稣”。 耶稣出生于以色列的伯利恒,三十岁左右开始传道,三十三岁时在总督本丢彼拉多执政时受难、为了全人类的罪被钉死在十字架上,第三天复活、并向门徒显现四十天后升天,坐在全能天父的右边,他必要在世界穷尽的审判之日在光荣中降来,建立荣耀的天国,给「善」带来最后的胜利。 《圣经》记载:耶稣是神的儿子,神爱世人,甚至将他的独生子赐给他们,叫一切信他的,不至灭亡,反得永生。 </p> <img src="images/ys.jpg" /> <p> 耶稣基督有许多别的头衔和称呼:以马内利、神的儿子、人子、道、中保、大祭司、君王、万王之王、万主之主、羔羊、明亮的晨星、大卫的儿子(大卫的子孙)、大卫的根、拉比或拉波尼(老师的意思)、拿撒勒人耶稣等等。耶稣有好几次说到“我是”:我就是生命的粮(约翰福音6:35),我是世界的光(约8:12),我是好牧人(约10:11),我是羊的门(约10:7),我是道路、真理、生命(约14:6),我是真葡萄树(约15:1)。这里的“我是”是隐含地引用旧约,提示耶稣是道成肉身的救主身份。 </p> <p> 耶稣是顺服父神的旨意为罪人的缘故死在十字架上,成了赎罪祭,以义的代替不义的,使凡相信他的,因着他的宝血,得称为义。基督又按照圣经所说,第三天从死里复活,败坏那掌死权的魔鬼,升上高天,掳掠众仇敌,现今坐在父神的右边,是神与人之间唯一的中保,也唯有借着他,信徒可以进到父面前。将来他必要再来,建立荣耀的国度。[2] </p> </body> </html>


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

素材

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

标签:耶稣,圣诞节,复习,标签,day01,HTML,圣诞树,Document,hello
来源: https://www.cnblogs.com/it-wp/p/14370109.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有