刚刚，邻居看烟花的几分钟时间我学会了HTML基础(2)，阿里p8 面试

最新推荐文章于 2024-08-16 22:57:43 发布
最新推荐文章于 2024-08-16 22:57:43 发布
阅读量974 收藏 12
点赞数 24
分类专栏： 2024年程序员学习 文章标签： html 面试 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_60721907/article/details/137738943
版权

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Python全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。
img
img



既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上Python知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip1024c （备注Python）
img

正文

常用元素

====

学完这篇文章你也能使用像博客编辑器中的一些选项功能。

其他选项按钮与CSS及其他插件有关。

标题（heading）

在 HTML 文档中，标题用<h1~6>表示。标题很重要，标题可以用来呈现文档结构，设置得当的标题有利于用户更舒适的浏览网页。HTML 包括六个级别的标题，

~

，字体大小依次递减，

这是标题1

这是标题2

这是标题3

这是标题4
这是标题5
这是标题6

结果如图所示

段落（Paragraph）

在 HTML 文档中，段落用

表示。通常用于显示常规文本内容。

今天是年初一，祝大家新年快乐！

万事如意，虎虎生威

段落可以搭配格式化标签使用。

格式化标签

格式化标签是嵌套元素的一种，可以将元素置于其他元素之中。常见的格式化标签有：

  • **加粗：**可用,表示，建议用。

  • 倾斜**：**可用,,表示，建议用。

  • 下划线**：**可用,表示，建议用。

  • 删除线**：**可用,表示，建议用。

举个例子：

今天是年初二，祝大家身体健康，万事顺意！

而今天我必须要完成这篇文章。

的结果是

列表

–

列表分为有序列表与无序列表。

有序列表（Ordered List）

  1. 看，这样就是有序列表。

  2. 有序列表用

    1. 表示。

无序列表（Unordered List）

  • 嗯，这是无序列表。

  • 无序列表用

    • 表示。

无论是有序列表还是无序列表，每一小点都要用列表项目(List Item)

  • 包围，否则无法区分是第几小点。

    • 这是一个
    • 无序列表
      1. 这是一个
      2. 有序列表

      3. 结果为：

        图像

        在HTML中图像用表示。图像有两个属性：

        • **src：**指定图片的存放路径。（必要）

        • **alt：**图片的文本描述，由于某些原因无法加载图片时，会显示图片的文本描述。（非必要但建议使用）

        **注意：**图像元素没有内容，也没有结束标签。

        我们使用图像应创建一个专门存放图像的文件夹。

        我创建了一个与HTML文件同级的目录pictures，目录下方有个demo.jpg图像文件。

        那么引用这个图片的话可以这么做。

        这是一张图片

        看吧！这是一张图片。

        在src中，…表示上一级目录，以上图为例，…就表示demo文件夹了。

        结果如图所示

        如果给出一个不存在的路径，如漏写.jpg，那么结果就是这样：

        超链接

        超链接用表示。超链接既能跳转网址，也能跳转到HTML的指定元素位置；目标链接都是用href属性接收；超链接的内容是蓝色加下划线字体，点击该字体就能实现跳转。

        跳转网址

        博客主页

        我的博客

        结果如图所示

        点击“我的博客”后就能跳转到相应网址

        跳转到指定元素位置

        如果要跳转到指定元素位置，那么元素要有id属性，注意，id属性必唯一。当网页内容较多时，就能使用这个形式的超链接实现快速跳转。

        博客主页

        我的博客

        七点多了还没写完呜呜呜..

        跳转到博客主页

        将目标元素id加个#号传给href表示跳转到该元素。点击跳转后，目标元素会出现在文章的显眼位置。

        当我们暂时不知道跳转网址或元素时，可先用#号占位（…）。

        目标值

        根据前面两个操作我们发现，当我们点击链接时，会在本窗口跳转，这是因为有个默认属性target，target也有个默认值"_self",表示在当前窗口跳转。如果我想保留该窗口，在新的窗口打开，那么就要将target值改为"_blank"，表示在新的空白窗口打开。

        换行符与水平线

        换行符用
        表示，水平线用<hr表示>。

        上面使用了水平线


        我想说下面还是用了水平线

        书写规范

        ====

        规范的书写格式大家看的都舒服些。

        1. 元素名要小写,特殊声明可以用大写，但不能大小写混合使用。

        2. 属性名要小写，属性值用双引号包围，特殊情况下双引号在外，单引号在内。

        3. 等号左右不使用空格。

        4. 不随意使用回车。

        5. 注释使用 进行注释。

        6. 写完内容后要记得使用结束标签结束。

        7. 每行代码少于 80 个字符。超过80个字符，在编辑器中可使用回车，在HTML中可使用
          。

        8. 存在上下层级关系的元素可以使用缩进。

        现在能在网上找到很多很多的学习资源，有免费的也有收费的，当我拿到1套比较全的学习资源之前，我并没着急去看第1节，我而是去审视这套资源是否值得学习，有时候也会去问一些学长的意见，如果可以之后，我会对这套学习资源做1个学习计划，我的学习计划主要包括规划图和学习进度表。

        分享给大家这份我薅到的免费视频资料，质量还不错，大家可以跟着学习

        网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

        需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注python）
        img

        一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
        学习，有时候也会去问一些学长的意见，如果可以之后，我会对这套学习资源做1个学习计划，我的学习计划主要包括规划图和学习进度表。

        分享给大家这份我薅到的免费视频资料，质量还不错，大家可以跟着学习

        网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

        需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注python）
        [外链图片转存中…(img-MJl8kuYX-1713062060231)]

        一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

      不讲伍德老开发
      关注
      • 24
        点赞
      • 踩
      • 12
        收藏
        觉得还不错? 一键收藏
      • 0
        评论
      专栏目录
      HTML新春烟花
      兔子王
      05-21 8万+
      HTML新春烟花盛宴完整代码。
      HTML炫酷烟花秀
      兔子王
      06-04 7万+
      HTML炫酷的跨年烟花秀完整代码。
      刚刚，邻居看烟花的几分钟时间我学会了HTML基础
      lishuaigell的博客
      02-03 3697
      新年到新年到，祝大家在新的一年里，鸿运当头虎年报，吉祥如意万事兴，喜事盈门欢乐多，阖家举杯乐淘淘，财运亨通福紧随；身体壮如虎！才华赛伯虎！地位尊伏虎！义气盖五虎！高升爬山虎！发达开路虎！虎虎生威，虎年大吉！我新年的第一个愿望是，文章千人赞，账户入百万！嘻嘻..最后，祝大家心想事成，步步高升！HTML基础详解，HTML简介，书写规范，什么是CSS,段落列表图像标题超链接格式化标签
      跨年烟花 html 代码汇总
      一些笔记
      01-01 7万+
      关于烟花代码的汇总
      用HTML5制作烟火效果的教程（html制作烟花效果代码）
      爱编程的鱼的博客
      12-29 3474
      离屏canvas，顾名思义就是离开屏幕的，也就是不可见的canvas，直接在js里面用document.createElement("canvas")就可以生成一个canvas dom对象了，只要不把这个dom对象赋给body，这个canvas对象就相当于一个离屏对象了，我们就可以获取到这个离屏canvas的context对象，然后再用户看不到的地方做任何我们想做的事情了。让碎屑产生虚影也很简单，就是每次刷新画布时，不是擦掉重绘，而是绘制透明度为0.1（如果想虚影更长，可以把这个值弄的更小）的背景颜色。
      程序员过圣诞 | 用HTML写出绽放的烟花
      亮点菌
      12-25 2万+
      2022年圣诞节到来啦，圣诞节是基督教纪念耶稣诞生的重要节日。亦称耶稣圣诞节、主降生节，天主教亦称耶稣圣诞瞻礼。耶稣诞生的日期，《圣经》并无记载。公元336年罗马教会开始在12月25日过此节。12月25日原是罗马帝国规定的太阳神诞辰。有人认为选择这天庆祝圣诞，是因为基督教徒认为耶稣就是正义、永恒的太阳。5世纪中叶以后，圣诞节作为重要节日，成了教会的传统，并在东西派教会中逐渐传开。因所用历法不同等原因，各教派会举行庆祝的具体日期和活动形式也有差别。
      用HTML+CSS+JS写了个烟花模拟器，一起看烟花了
      技术宅，专注云原生、Go、Linux、Java等技术分享，原创文章、效率工具、实战解决方案！关注我，了解互联网动态，学 IT 不迷路
      02-01 1577
      春节快乐，快叫女朋友一起来看烟花了，超漂亮
      2023跨年烟花3D最炫烟花，html最酷炫动态烟花源码分享，点击即可直接运行
      在下马农的碎碎念
      12-25 4万+
      2023年跨年烟花代码 2023圣诞烟花最炫烟花代码 2023春节烟花代码 2023跨年烟花秀,超好看的跨年烟花秀代码，二十行代码，三分钟就能完成部署。 跨年烟花代码html 2023年跨年烟花代码 跨年烟花代码python 跨年烟花代码c语言 2023跨年烟花代码python 跨年烟花代码c 用c++2010跨年烟花代码 java跨年烟花代码 跨年烟花代码c++ 跨年烟花代码送给朋友 跨年烟花秀送给2023努力的自己
      2022跨年烟花代码（九）HTML5夜景放烟花绽放动画效果
      热门推荐
      u013343616的博客
      12-30 11万+
      HTML5夜景放烟花绽放动画效果 html代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Cont
      html烟火源码,HTML5：烟火
      weixin_29348211的博客
      06-17 2212
      本次目标：在canvas画布上绘制彩色小球并实现模拟烟花般的动画效果。程序很简单，只需要理解canvas元素，在指定位置用指定颜色绘制圆球然后逐帧形成动画就可以了。考虑到性能因素，在球离开视觉区域或颜色完全变淡后就移除对象，并在每帧补上一定数量的球，这样也能够保证视觉效果。演示效果如下(浏览器需支持HTML5)：源码如下(由于结构并不复杂，代码中的注释应该能解决大部分疑惑，代码后面附有简单解析。感...
      html爱心烟花特效代码2.docx
      08-12
      但考虑到直接编写完整的烟花动画可能较为复杂，我将提供一个简化的思路，并展示如何使用HTML和CSS来创建一个基本的爱心形状，然后你可以基于这个基础去添加JavaScript动画效果。 HTML 和 CSS 爱心形状 首先，我们...
      HTML5实现五彩烟花动画特效，canvas炫彩烟火，高质量js源代码！
      02-19
      HTML5实现五彩烟花动画特效，canvas炫彩烟火，高质量js源代码！ HTML5实现五彩烟花动画特效，canvas炫彩烟火，高质量js源代码！ HTML5实现五彩烟花动画特效，canvas炫彩烟火，高质量js源代码！ HTML5实现五彩烟花...
      跨年烟花代码html版全套代码
      12-09
      跨年烟花代码 HTML 版全套代码 本资源是关于 HTML5 全屏烟花动画特效的代码实现，涵盖了 HTML、CSS 和 JavaScript 三方面的知识点。 HTML * 使用 HTML5 的 `<canvas>` 元素来创建一个全屏的画布，以便绘制烟花...
      js html 烟花绽放 3d效果 手机可看 下载就能看
      12-22
      使用three.js编写的烟花,3d效果可以拖动任意视角观看,直接下载就能打开
      HTML静态网页成品作业(HTML+CSS)——电影网首页网页设计制作(1个页面)
      2301_78945238的博客
      08-16 438
      HTML静态网页成品作业(HTML+CSS)——电影网首页网页设计制作(1个页面)
      响应式Web设计：纯HTML和CSS的实现技巧
      最新发布
      Caleb的博客
      08-16 783
      响应式设计的核心理念是使用灵活的布局和媒体查询来自动调整网页的布局和样式。传统的静态网页设计往往只能适应固定的屏幕尺寸，而响应式设计则能够根据用户设备的不同，自适应地调整内容展示。它允许我们为不同的屏幕尺寸和特性定义不同的CSS样式，从而实现页面的自适应布局。）在响应式设计中非常重要，因为它们可以根据不同的设备和用户设置调整元素的大小。这样，无论图片的实际尺寸如何，它都会根据其容器的宽度自动缩放，从而避免了图片溢出容器的情况。函数，使得网格项在屏幕尺寸变化时自动调整列数和列宽，从而适应不同的显示设备。
      JS（三）——更改html内数据
      初叙
      08-15 300
      JavaScript更改html内数据
      HTML补充——表格&表单
      Fan_web的博客
      08-14 1546
      本文补充了HTML中的一些表格和表单的标签，下文继续分享CSS中的动画知识内容。
      JavaScript HTML DOM 实例
      wjs2024的博客
      08-16 422
      通过这些实例，我们可以看到JavaScript HTML DOM的强大功能。它可以让我们动态地添加、修改和删除页面元素，以及响应用户的交互操作。掌握DOM操作是前端开发的重要技能之一，希望这些实例能帮助您更好地理解和应用DOM操作。
      帮我写一个跨年html倒计时代码，达到预定时间切换为放烟花
      02-06
      以下是一个简单的 HTML 倒计时代码，在跨年时会切换为放烟花的效果： ```html <!DOCTYPE html> <html> <head> <script> // 获取当前时间 var currentTime = new Date(); // 设置倒计时结束时间 (年月日时分秒) var endTime = new Date("2022-12-31 23:59:59"); // 计算剩余时间 (毫秒) var remainingTime = endTime.getTime() - currentTime.getTime(); // 如果剩余时间小于 0，则更新结束时间为下一年 if (remainingTime < 0) { endTime = new Date("2023-12-31 23:59:59"); remainingTime = endTime.getTime() - currentTime.getTime(); } // 更新倒计时 function updateTimer() { // 计算剩余时间 (毫秒) remainingTime = endTime.getTime() - new Date().getTime(); // 如果剩余时间小于等于 0，则显示放烟花效果 if (remainingTime <= 0) { clearInterval(timer); document.getElementById("countdown").innerHTML = "放烟花！"; return; } // 将剩余时间转换为天、小时、分钟和秒 var days = Math.floor(remainingTime / (1000 * 60 * 60 * 24)); var hours = Math.floor((remainingTime % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); var minutes = Math.floor((remainingTime % (1000 * 60 * 60)) / (1000 * 60)); var seconds = Math.floor((remainingTime % (1000 * 60)) / 1000); // 显示倒计时 document.getElementById("countdown").innerHTML = days + "天 " + hours + "小时 " + minutes + "分钟 " + seconds + "秒 "; } // 每秒更新倒计时 var timer = setInterval(updateTimer, 1000); </script> </head> <body> <div id="countdown"></div> </body> </html> ``` 上面的
      评论
      添加红包

      请填写红包祝福语或标题

      个

      红包个数最小为10个

      元

      红包金额最低5元

      当前余额3.43元 前往充值 >
      需支付：10.00元
      成就一亿技术人!
      领取后你会自动成为博主和红包主的粉丝 规则
      hope_wisdom
      发出的红包
      实付元
      使用余额支付
      点击重新获取
      扫码支付
      钱包余额 0

      抵扣说明：

      1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
      2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

      余额充值