[ Day01 前端与 HTML | 青训营笔记]

wsj_aaa
56 阅读1分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天

一、本堂课重点内容：

  • 前端概览

    • 什么是前端
    • 前端的技术栈
    • 前端的边界
    • 前端的关注点

  • HTML

    • HTML 简介
    • 常用标签
    • HTML 语义化

二、详细知识点介绍：

什么是前端

image.png

最基本的前端技术栈

image.png

前端应该关注哪些方面

前端就是所有人都能看到的，美观无障碍也是基本的。

image.png

前端的边界

现在前端技术，框架越来越多完善了，也可以用nodejs自己来搭建一个服务器了，随着时代的更新，前端工程师也要一直学习新的技术来保证自己不落伍。

image.png

前端的开发环境

基本上电脑上下载一个编译器就可以进行前端网页的开发了，非常的快捷 image.png

HTML是什么

image.png

关于image标签的讲解

image.png

html基本框架

image.png

DOM树结构

image.png

HTML语法

html基本语法结构的讲解 image.png

页面内容的划分

image.png

谁在使用我们的HTML

image.png

语义化是什么

image.png

如何做到语义化

image.png

三、课后个人总结：

  • 我认为这篇文章对于刚入门前端的同学还是比较友好的，这篇文章能使其了解HTML的基本结构。对其后面的程序化的学习很有帮助。

四、引用参考：

  • 我参考了字节青训营<前端与HTML>的视频来进行这篇文章的撰写。
avatar
文章
阅读
粉丝