和我一起学freeCodeCamp——HTML知识点总结

最新推荐文章于 2025-07-15 21:22:13 发布
最新推荐文章于 2025-07-15 21:22:13 发布
阅读量315 收藏
点赞数 1
CC 4.0 BY-SA版权
分类专栏： 和我一起学freeCodeCamp 文章标签： javascript html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/EJoft/article/details/104012204
本文回顾了freeCodeCamp中关于HTML5的知识点，重点介绍了HTML5新增的描述性标签，如main、header、footer等，以及如何使用#创建死链接作为占位符。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

重新回顾了一遍 freeCodeCamp 上关于 HTML 部分的知识点，这里记录下两条：

1.HTML5 introduces more descriptive HTML tags. These include main, header, footer, nav, video, article, section and others.

2.Sometimes you want to add a elements to your website before you know where they will link.Replace the href attribute value with a #, also known as a hash symbol, to create a dead link.

href="#"

FreeCodeCamp学习笔记--HTML
weixin_45675857的博客
09-09 999
响应式Web设计 HTML基础 用占位符文本填充空白 Web 开发者通常用lorem ipsum text来做占位符，占位符就是占着位置的一些文字，没有实际意义。 为什么叫lorem ipsum text呢?是因为lorem ipsum是古罗马西塞罗谚语的前两个单词。 从公元16世纪开始lorem ipsum text就被当做占位符了，这种传统延续到了互联网时代。与此同时，孙悟空也在五指山下被压了500年，然后就进化成程序猿了，是不是很巧合。_ HTML5 元素介绍 HTML5 引入了很多更具描述性的 HT
2020年零基础前端学习路线（本人亲身经历，9个月拿到拼多多、美团、京东校招offer，5000字长文）
热门推荐
前端彭于晏的博客
12-01 8万+
前端学习路线 基础准备 开发工具 结论：vscode 最初我选择的是Hbuilder，轻量级，界面淡黄色和绿色结合比较护眼，但是插件较少，格式化代码以及快捷键用着不是特别顺手，转而使用vscode。 个人认识业界使用比较多的两种编辑器，vscode 和 webstorm。 具体的对比请移步VSCode 与 WebStorm 横向对比 个人想法，其实真没必要对于编辑器过于纠结，毕竟只是一个工具，大佬用txt都可以编写代码，在前期学习阶段可以选定一个坚持使用，等到学有所成，对于编辑器有着个人更独特的要求再去选择
freecodecamp-html小本本
qq_40021661的博客
04-07 226
1）应用多个class到一个元素，只需要在多个class之间用空格分开即可。例如： <img class="class1 class2">
freeCodeCamp 源码架构深度解析与AI应用开发启示
最新发布
加入“Super Entity”，与全能开发团队共探AI智能体与数字人项目，开启前沿技术之旅。
07-15 937
本文将以 freeCodeCamp 的源码为蓝本，系统梳理其架构设计、模块划分、技术选型、开发流程与最佳实践，结合 AI 应用开发的实际需求，深入剖析大型开源项目的架构精髓。文章不仅涵盖架构图、流程图、思维导图、甘特图等多种可视化方式，还将通过丰富的 Python 实战案例、行业对比、常见问题解答、性能优化建议等，帮助中国开发者全面理解 freeCodeCamp 架构，并为 AI 应用开发提供可落地的实践指南。
freecodecamp 学习 html
larance的挨踢生活
11-19 655
如果你想把文本输入框设置为必填项，在input元素中加上required属性就可以了，例如：<input type="text" required> <form action="/submit-cat-photo"> <input type="text" placeholder="猫咪图片地址" required> <button...
freeCodeCamp html 基础篇
qq_43801927的博客
03-22 405
freeCodecamp html练习
freeCodeCamp
洞拐程序monkey
05-05 3514
编程与网站开发工具—freeCodeCamp freeCodeCamp一个网站开发自学神奇，和W3cSchool属于同一种类型的网站，开源免费的编程学习网站，简单俩字→自学。不过，为什么在此会介绍freeCodeCamp呢，因为此网站是中文的，这对于许多“程序员”小白来说简直就是救命稻草，话不多说，直接上图。 网站直链： https://www.freecodecamp.one 课程包含了网...
React和Redux实现的认证鼓机项目发布
标题“fcc-drum-machine:这是一个通过freeCodeCamp.org获得前端开发库认证的鼓机项目”所揭示的知识点主要涉及到Web前端开发领域，特别是使用JavaScript编程语言开发的一个特定项目——鼓机（Drum Machine）。...
2020.10.29腾讯QQ音乐社招前端电话一面总结
爱玲姐姐的博客
10-30 5487
2020.10.29腾讯QQ音乐社招前端电话一面总结 面试官晚上19:16打过来的，聊了44分钟，到八点准备结束的。无论过没过，都记录一下面试过程吧，也可以让各位没面过腾讯的打工人知道面试过程中的具体细节是怎么样的，并不是问几个大问题，而是在几个大问题的基础上根据你的回答，再去问一些小问题。 前言 【面试官】：先自我介绍下吧 【我】：我现在是在南京工作，工作一年多了，公司里用的是React框架，接下来我也打算以React为主技术栈。 【面试官】：嗯，没了吗 【我】：嗯… 【面试官】：你换工作的原因是什.
React实现的Markdown预览器教程分享
结合上述知识点，我们可以总结出fcc-markdown-previewer是一个利用React框架开发的前端项目，该项目作为freecodecamp.org前端库课程的一部分，目的是帮助学习者通过实践一个Markdown预览器的功能来加深对React和...
深入浅出：制定个人学习计划的8个步骤
!... # 摘要 本论文探讨了制定个人学习计划的重要性，从理论基础到实践应用，再到终身学习的进阶策略。文章首先强调了SMART原则在学习目标设定中的应用...最后，第五章探讨了终身学习的心态、扩展学习领域的方法和学习成果
FreeCodeCamp是GitHub上排名第一的开源项目致力于帮助人们利用零散时间学习编程
08-10
FreeCodeCamp 是 GitHub 上排名第一的开源项目，致力于帮助人们利用零散时间学习编程。它的使命是Learn to code and help nonprofits（学习编程，去帮助那些非盈利组织）。FCC涵盖HTML5、CSS、React、JavaScript、Database等课程，游戏化程度非常高，学员可以通过线上聊天室和线下社区活动（Coffee and Code）相互帮助。目前覆盖全球160 个国家、1000 个城市，40W 开发者在平台学习。
course-freecodecamp-webdesign
03-14
响应式网页设计 经验教训 基本HTML和HTML5基本CSS应用的视觉设计应用的可访问性响应式Web设计原理CSS Flexbox CSS网格 响应式网页设计项目 建立致敬页面 建立调查表 建立产品登陆页面 建立技术文档页面 建立个人投资组合网页
freeCodeCamp：freeCodeCamp.org的开源代码库和课程表。 在家学习编码
02-04
freeCodeCamp.org的开源代码库和课程 是一个友好的社区，您可以在这里免费学习编码。 它由运营，以帮助数百万忙碌的成年人过渡到技术领域。 我们的社区已经帮助10,000多人获得了第一份开发人员的工作。 我们的全栈Web开发和机器学习课程是完全免费的，并且可以自行调整进度。 我们有数以千计的交互式编码挑战，可帮助您扩展技能。 目录 资质认证 freeCodeCamp.org提供了几个免费的开发人员认证。 每个认证都涉及构建5个必需的Web应用程序项目，以及数百个可选的编码挑战，以帮助您为这些项目做准备。 我们估计，每个认证将需要大约300个小时的初学者来获得。 freeCodeC
freecodecamp
qq_40093561的博客
09-06 1964
今天无意间在某个网站发现了freecodecamp这个学习平台，不知道能在这个平台学到多少关于前端的知识，很期待... 到目前为止这个平台给我这个用户的体验感受就是，有点意思！通过关卡模式让想学习的人一层一层破关前进。因为本人有开发的经验，想尝试把前端学好一点，成为一个在这方面让自己有自信的人，前几关很基础，但就算是给我巩固一遍基础知识了！希望以后在这个平台能真正学到东西，如果大家有接触过这个平台...
Freecodecamp。
qq_40528575的博客
06-20 282
在我们深入 面向对象编程之前 ，让我们先回顾一下Javascript的 对象（Object） 任务：给你的 motorBike 对象添加 wheels, engines 和 seats 属性，并且设置他们的数量。var car = {  "wheels":4,  "engines":1,  "seats":5};除了上一种方法外，我们还可以使用构造函数来创建对象。 构造函数 通常使用大写字母开头，...
freeCodeCamp(ES6)
weixin_46423897的博客
09-01 238
将 rest 操作符与函数参数一起使用 修改sum函数，使用 rest 参数，使sum函数可以接收任意数量的参数，并返回它们的总和。 const sum = (...args) => { return args.reduce((a, b) => a + b, 0); }
代码学习网站FreeCodeCamp
CSS360的博客
05-07 1797
今天在github上看到一个国外小哥John Washam公开的一个项目工程，来讲述自己如何自学8个月后拿到亚马逊Web前端百万年的。它的项目当前已经达到了11万星，足见他内容质量很高，所以在这里分享和记录一下。与此同时，还给大家推荐了一个不错的代码学习网站以及一个作者推荐CS的标签学习方法。 github网址：https://github.com/jwasham/coding-inter...
HTML编程学习新途径：FreeCodeCamp
FreeCodeCamp的学习过程中包含大量的挑战和项目，挑战主要是针对特定HTML知识点的小型练习，而项目则需要综合运用HTML及其他技术来构建实际可用的网页或网站。通过这些挑战和项目，学习者能够将所学知识应用于实践，...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值