第六节字节跳动第一课语言串讲 | 青训营
三件套功能作用总结
HTML: HTML 是 Web 页面的基础结构。它用于描述网页的内容和结构。HTML 使用一系列标记(称为标签)来定义页面元素,如标题、段落、列表、图片和链接等。浏览器解析 HTML 代码,并根据标签的语义来显示页面内容。HTML 为网页提供了基本的骨架,使浏览器能够呈现文本、图像和其他媒体。
CSS: CSS 用于描述 HTML 元素的外观和布局。CSS 允许我们定义如何显示 HTML 元素,例如字体、颜色、大小、间距等。通过使用 CSS,我们可以将样式与 HTML 结构分离,使得网站的设计和维护更加简便。CSS 还允许我们根据不同的设备和屏幕尺寸应用不同的样式(媒体查询),以实现响应式设计。
JS:JavaScript 是一种脚本语言,用于在浏览器中增加交互性和动态效果。它允许我们编写脚本来处理用户操作,例如点击按钮、输入表单、拖动元素等。通过使用 JavaScript,我们也可以操作 HTML 和 CSS,动态更改页面内容和样式,从而提供丰富的用户体验。JavaScript 也可以与服务器进行通信,以便在不刷新整个页面的情况下获取或提交数据( 即AJAX技术)。
知识点复习
head:在HTML中,标签是位于标签内部的一个元素,用于定义文档的头部部分。它不会直接显示在网页上,而是包含一些关键性的信息和元数据,以及与文档相关的资源引用和设置。常见的用途包括:
1. 设置文档的标题(显示在浏览器的标题栏或标签页上)
2. 引用外部资源,例如CSS文件和JavaScript文件
3. 定义字符编码和语言
4. 描述网页的内容和作者
5. 设置网页的视口(用于移动设备上的显示)
6. 引入网站图标(Favicon)
7. 添加其他元信息或自定义的样式和脚本
body:在HTML中,标签是位于标签内部的一个元素,用于定义文档的主体部分。它包含了实际要在网页上显示的内容,比如文本、图像、链接、表单、媒体元素等。所有在浏览器中可见的内容都应该放在标签中。
以下是一些常见的在标签中使用的HTML元素:
1.文本内容:h1、p标签
2.图像:img标签
3.超链接:a标签
4.列表:ul、li标签
5.表单:form
6.媒体元素:video、audio标签
7.JavaScript脚本:script标签
心得体会:
只看教程,不动手实战。这个可以说是学习的最大忌,也是提醒过最多的一个注意事项!Javascript,HTML5,CSS3等的一些,都是需要自己慢慢练习的,自己不动手实操,写代码,这样的学习方式,记忆根本不深刻,容易遗忘,到头来,可能什么都没学会!而且有些教程,如果没有跟着动手实操,可能会蒙圈。要挑觉得适合自己的教程,也要动手实操,写代码。即使不是边看教程编写代码!在看完了教程之后,一定要自己动手实操!过程中,可能会遇到些问题,但是这样才会学习到更多,记忆也更加牢固!
初学者建议(学习路径规划)
首先建立第一条技能线:就是前端由HTML,CSS,JS组成;然后将其细化为第二条线,HTML是由HTML4和HTML5组成;第三条线,CSS由CSS2和CSS3组成;第四条线,JS由ES5和ES6构成。
其次我们学习任何一门技术都得先从企业需求的角度来分析,到底这个市场需要怎样的Web前端开发人才,这样才有让我们这些开发从业者有机会去思考满足需求这个问题,进而才能正确地确立一个可行的职业发展方向,最后达到自己想要的目标。