中国加油！武汉加油！

假期闲来无事，学了一些前端的知识，是有关于网页的制作。例如html、css、js、等。下面是我用html学到的东西做的一个网页。（初学者0.0，做的不好，如果代码有错误请指出0.0）

中国加油！武汉加油！

html代码

<!DOCTYPE html>
<html>
<head>
<meta charset="gbk">
<title>疫情防控科协在行动</title> <style type="text/css">.img1{                       /*图片2在网页上的坐标*/position:absolute;left:115px;top:190px;}.img2{                       /*图片3在网页上的坐标*/position:absolute;right:115px;top:190px;}.img3{                       /*图片10在网页上的坐标*/position:absolute;left:50px;top:2500px;}.img4{                       /*图片7在网页上的坐标*/position:absolute;right:50px;top:2500px;}.img5{                       /*图片6在网页上的坐标*/position:absolute;left:100px;top:3600px;}.img6{                       /*图片11在网页上的坐标*/position:absolute;left:450px;top:3600px;}.img8{                       /*图片12在网页上的坐标*/position:absolute;right:450px;top:3600px;}.img9{                       /*图片8在网页上的坐标*/position:absolute;right:100px;top:3600px;}.img10{                       /*图片1在网页上的坐标*/position:absolute;right:760px;    top:3500px;}body{text-align:center}.txt01{       /*诗第一部分在网页中的位置*/background:url(图片.jpg) no-repeat;width:400px;              height:2500px;             overflow:hidden;margin:50px 0 0 200px;}
</style>

</head> <body><!--网页背景图--><body background="15.jpg">    <h1 style="background-color:red;font-size:50px">中国加油！武汉加油！</h1> <!--视频元素--><video width="1200" height="400" controls autoplay>   <source src="4.mp4" type="video/mp4"><source src="4.ogg" type="video/ogg"><source src="4.webm" type="video/webm"></video><hr>             <!--折线（下划线）--><!--图片2的长宽--><div class="img1"><img src="2.jpg" width="340" height="230"/>  </div><hr><!--图片3的长宽--><div class="img2"><img src="3.jpg" width="340" height="230"/>  </div><hr><!--图片7的长宽--><div class="img4"><img src="7.jpg" width="350" height="1000"/>  <hr></div><!--图片10的长宽--><div class="img3"><img src="10.jpg" width="350" height="1000"/>  <hr></div><!--图片6的长宽--><div class="img5"><img src="6.jpg" width="200" height="200"/>  <hr></div><!--图片11的长宽--><div class="img6"><img src="11.jpg" width="200" height="200"/>  <hr></div><!--图片8的长宽--><div class="img9"><img src="8.jpg" width="200" height="200"/>  <hr></div><!--图片12的长宽--><div class="img8"><img src="12.jpg" width="200" height="200"/>  <hr></div><!--图片2的长宽--><div class="img10"><img src="1.jpg" width="340" height="230"/>  <hr></div>

<!--诗第一部分--><div class="txt01">    <h1 style="font-size:50px">希望</h1><h1 style="font-size:50px">——武汉加油</h1><p style="font-size:30px">这是一个特殊的新岁</p><p style="font-size:30px">在新春的梦里</p><p style="font-size:30px">在花开之前</p><p style="font-size:30px">天空消沉</p><p style="font-size:30px">万门闭户</p><p style="font-size:30px">没有什么重要</p><p style="font-size:30px">都在家里</p><p style="font-size:30px">我们并不脆弱</p><p style="font-size:30px">可欢乐已被摧毁</p><p style="font-size:30px">平静已被打破</p><p style="font-size:30px">虽然内心仓惶</p><p style="font-size:30px">但面对命运我们不再逃避</p><p style="font-size:30px">前路虽坎坷 但人间有情</p><p style="font-size:30px">病毒虽无情 但人人有爱</p><p style="font-size:30px">在蔚蓝的天空</p><p style="font-size:30px">有只鸟儿在自由飞翔</p><p style="font-size:30px">它的名字叫希望</p><p style="font-size:30px">它飞呀飞</p><p style="font-size:30px">飞过长江</p><p style="font-size:30px">飞到武汉</p><p style="font-size:30px">在山野上</p><p style="font-size:30px">在清风里</p><p style="font-size:30px">我们望向它飞翔的方向</p><hr><!--诗第二部分--><div style="left: 800px; position: absolute; top: 610px;"><p style="font-size:30px">望向远方的长路</p><p style="font-size:30px">在水塘边</p><p style="font-size:30px">在稻田里</p><p style="font-size:30px">我们望向它飞翔的方向</p><p style="font-size:30px">望向春天的向往</p><p style="font-size:30px">在白云边</p><p style="font-size:30px">在高山里</p><p style="font-size:30px">我们望向它飞翔的方向</p><p style="font-size:30px">望向平安的祝福</p><p style="font-size:30px">在父母边</p><p style="font-size:30px">在兄妹旁</p><p style="font-size:30px">我们望向它飞翔的方向</p><p style="font-size:30px">望向真爱的人间</p><p style="font-size:30px">此时此刻</p><p style="font-size:30px">我们不分彼此</p><p style="font-size:30px">此时此刻</p><p style="font-size:30px">我们命运相连</p><p style="font-size:30px">在党的号召下</p><p style="font-size:30px">万众一心</p><p style="font-size:30px">每个人都满怀信心</p><p style="font-size:30px">每个人都满怀希望</p><p style="font-size:30px">每个人都发出耀眼的光芒</p><p style="font-size:30px">每个人都是大地上的星辰</p><p style="font-size:30px">让我们一起来</p><p style="font-size:30px">汇聚成江河</p><hr></div><!--诗第三部分--><div style="left: 1300px; position: absolute; top: 610px;"><p style="font-size:30px">让我们一起来</p><p style="font-size:30px">让天空蔚蓝</p><p style="font-size:30px">武汉不输 我们会坚持下去</p><p style="font-size:30px">武汉不哭 我们会一直陪你</p><p style="font-size:30px">武汉不累 我们会奋勇前行</p><p style="font-size:30px">武汉加油 我们会静待花开</p><p style="font-size:30px">武汉必胜 我们会一往无前</p><p style="font-size:30px">这是一个病毒肆虐的新春</p><p style="font-size:30px">这也是一个满怀希望的新春</p><p style="font-size:30px">春天花会开</p><p style="font-size:30px">可我们都不曾在意</p><p style="font-size:30px">我们会珍惜</p><p style="font-size:30px">我们会珍惜这一季花开</p><p style="font-size:30px">因为我们都在以生命的意义怒放</p><p style="font-size:30px">这个春天 让我们一起走过</p><p style="font-size:30px">这个春天 让我们共同携手</p><p style="font-size:30px">生活还要继续</p><p style="font-size:30px">民族还要崛起</p><p style="font-size:30px">经历了这么多</p><p style="font-size:30px">我们已经不可阻挡</p><hr></div><!--宣传语--> <div style="left: 600px; position: absolute; top: 2500px;"><h1 style="font-size:50px">疫情防控宣传语</h1><p style="font-size:30px">1.科学应对、群防群控、战胜疫情！</p><hr><p style="font-size:30px">2.重科学、听官宣、不信谣、不传谣！</p><hr><p style="font-size:30px">3.早发现、早报告、早诊断、早隔离、早治疗！</p><hr><p style="font-size:30px">4.疫点返乡回到家、居家观察14天、出现症状要报！</p><hr><p style="font-size:30px">5.少出门、多居家、网络拜年乐大家！</p><hr><p style="font-size:30px">6.不要吃野味、蒸煮要到位！</p><hr><p style="font-size:30px">7.接触家畜和家禽、个人防护要到位！</p><hr><p style="font-size:30px">8.个人防护三要素：戴口罩、勤洗手、多通风！</p><hr></div><!--二维码--><div style="right: 810px; position: absolute; top: 3750px;"><h2>陇院科技创新协会宣</h2></div></body>
</html>

总结
html是一种超文本标记语言，上手简单，它不像C语言（C语言是名副其实的编程语言）那样学起来复杂。html（html5）、css（css3）、js（js是web的编程语言）分别代表着网页的内容、样式与布局、动作。
其实做网页（网站）还有许多其他的语言，例如Python，Python是一个强大的语言，可以做网页还可以做人工智能等等。

中国加油！武汉加油！相关推荐

“武汉加油”“中国加油”
这个新年有些不太一样,我只是偌大世界中的尘埃,但我也是中国的一份子,现在我的力量还很微小我改变不了什么,惟愿前线抗疫人员一定要保护好自己! 武汉加油! 中国加油! <div class=&quo ...
【武汉加油！中国加油！】挑战七天实现机器视觉检测有没有戴口罩系统——第一二三天
2020年1月30日,看到团团发的视频,报道有用无人机劝老奶奶戴口罩的做法,突然萌生了这个想法,就是实现通过机器视觉检测有没有戴口罩. 那么,既然无聊在家,就挑战七天实现机器视觉检测戴口罩. [武汉加 ...
武汉加油，中国加油--全国新型肺炎计算记录(R0,SIR)
武汉加油,中国加油基本再生数 **基本再生数(basic reproduction number,R0)**是指在一个全是易感染态个体构成的群体中,一个感染态的个体在恢复之前平均能感染的人数.在流行 ...
武汉加油！中国加油！小峯加油！大家加油！
用HTML代码给武汉加油! <!DOCTYPE html> <html> <head> <meta charset="utf-8"> ...
夜光：武汉加油，中国加油
夜光序言: 大家新年快乐,新的一年,愿身体健康,阖家幸福生命,并不是你活了多少日子,而是你记住了多少日子,要使你过的每一天,都值得回忆.在最需要奋斗的年华里,你应该爱一个能带给你动力的人,而不是能让 ...
燃爆朋友圈！中国设计师携手，用海报为武汉加油！
战"疫"之下,众志成城.有人奔赴前线,逆流而上:有人捐资捐物,贡献力量:而响应号召不出门的人群也在用另一种方式加油助力. 虽然设计师不能成为奋战在第一线的白衣战士,但手中的画笔就是 ...
武汉加油！武大本科生用Python敲出樱花绽放，满屏春天太浪漫
转载:新智元新智元报道来源:武汉大学等编辑:白峰.张佳 [新智元导读]武汉大学的一位大三学生花了3.4个小时,用代码敲出樱花开放,一朵朵樱花由无数个"武汉加油"汇聚在 ...
python樱花武汉_武汉加油！武大本科生用Python敲出樱花绽放，满屏春天太浪漫
又到一年樱花开. 我是图片\1.jpg 今年武汉大学的樱花依然开得灿烂,但受疫情影响,少了很多去赏花的朋友. 为了让大家看到樱花开放,各路高手纷纷亮出了自己的绝技.要说最秀的,当属用Python让樱花 ...
方波的傅里叶变换_疫情当务之急，苍老师教你如何用傅里叶变换为武汉加油......
点击蓝字"视学算法"关注我哟加个"星标★",每日好文必达! 阿广 · 一个会讲段子的科学探索者他是举世闻名的法国数学家,物理学家.1817年当选为科学院院士 ...

中国加油！武汉加油！

中国加油！武汉加油！

中国加油！武汉加油！相关推荐

最新文章

热门文章