地球之声 （学习黑黑电波效果）

红影

00:00 | 00:00

红芍药

你们都好有才，一看就懂。

马黑黑

设计精妙。赞。

代码组织不错。但，比较这两个加入的元素，其实就是两幅图，从严格的角度讲——

<div style="position: absolute; left:590px; top: 0px; width:400px;opacity: 0.4;">
                <img alt="" src="https://pic.imgdb.cn/item/631df68c16f2c2beb176572e.gif"/></div>
<div class="dongtu">
                <img alt="" src="https://pic.imgdb.cn/item/631df4de16f2c2beb17483f3.gif"/></div>

——可以发现三个问题：

① 书写不够规范。<div>...</div>如果分行，收尾符就应该独立一行。其实，因代码简单，可以不分行，两个图片连同其父div各写在一行里；

② img 标签的自闭合的规范写法应该是 <img alt="" src="url" />，“/” 之前要有一个空格，不知道是不是论坛系统吃掉了这个空格；

③ 如非必要，style尽量少用，像第二张图那样，通过CSS设定样式，再在HTML相应标签引用。

加林森

来学习！好制作！

顾-念

壮观漂亮，想起电影《独行月球》了

梦缘

有发射塔啊，精彩分享，问好！

红影

马黑黑 发表于 2022-9-12 15:22
设计精妙。赞。

代码组织不错。但，比较这两个加入的元素，其实就是两幅图，从严格的角度讲——

哦哦，关于书写的规范性，这个从没注意，下回记住了。
关于src="url" />有空格，不是系统吃掉的，也是之前从没注意过：）
关于style尽量少用这点，主要还是懒了一下，想css语句少点。

谢谢黑黑，这个几个问题都记下了，尤其书写规范问题，还是规范点好

红影

加林森 发表于 2022-9-12 15:26
来学习！好制作！

谢谢队长鼓励

红影

顾-念 发表于 2022-9-12 18:17
壮观漂亮，想起电影《独行月球》了

问好顾念。做之前也不知道做什么好，正好看到这张图图，就朝这个方向去找素材了

红影

梦缘 发表于 2022-9-12 20:23
有发射塔啊，精彩分享，问好！

也不知道那是不是发射塔，看到这个动图挺好看，就用上了。谢谢梦缘临帖

加林森

红影 发表于 2022-9-12 20:28
谢谢队长鼓励

不客气。挺好的！

千羽

影儿做的真好，能加进自己的想像元素，俺能照做出来不乱码就很高兴了

千羽

那是向外星人发射信息的电波吗，想象力好丰富

马黑黑

红影 发表于 2022-9-12 20:28
哦哦，关于书写的规范性，这个从没注意，下回记住了。
关于src="url" />有空格，不是系统吃掉的，也是之 ...

自闭合标签，闭合符号是 / ，它之前，需要一个空格，虽然没有浏览器也能识别，但规范要求有。

红影

千羽 发表于 2022-9-12 20:47
影儿做的真好，能加进自己的想像元素，俺能照做出来不乱码就很高兴了

通常仔细点都不会乱码

红影

千羽 发表于 2022-9-12 20:49
那是向外星人发射信息的电波吗，想象力好丰富

呵呵，看到这个效果不觉就想到这个了，跟羽儿一起去找外星人

红影

马黑黑 发表于 2022-9-12 20:51
自闭合标签，闭合符号是 / ，它之前，需要一个空格，虽然没有浏览器也能识别，但规范要求有。

嗯嗯，其实照规范做才是正确的

马黑黑

红影 发表于 2022-9-12 22:13
嗯嗯，其实照规范做才是正确的

那当然

红影

马黑黑 发表于 2022-9-12 22:25
那当然

帖子里的我已经改过来了，谢谢黑黑

马黑黑

红影 发表于 2022-9-13 19:52
帖子里的我已经改过来了，谢谢黑黑

我看看