前端与HTML丨青训营笔记

68 阅读2分钟

前端与HTML丨青训营笔记

这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天,第一天主要是对前端的初步了解及HTML的入门。


说在开头

本次寒假青训营笔记为一个系列,希望它们能见证我从小菜鸟成长为老菜鸟(菜是改不了的doge)的萌新前端路。

认识前端

一句话概括,前端就是利用Web技术栈解决多端(PC、移动浏览器、小程序、VR/AR等)图形界面下的人机交互问题。

前端技术的基本组成

HTML、CSS、JAVAScript以及网络协议共同构成了前端最基础的技术栈。

image.png

前端关注的方面的问题?

上文提到,前端解决的多是交互问题,这其实就要求前端程序员不仅要掌握技术,还要懂得其他涉及交互问题的知识,包括但不限于下图所示的方面。

image.png

前端技术的边界?

前端技术更新频率较快,各个技术栈百家争鸣,异彩纷呈。如node.js之于服务器开发;WebGL之于3D可视化;vue、react之于客户端开发等等。总而言之,前端发展非常快,技术在持续更新,前端程序员也要不断学习。

HTML入门

HTML:超文本标记语言(HyperText Markup Language)是一种用于创建网页的标准标记语言。

image.png

标签

标签是HTML中一个很重要的概念,可以说我们对HTML的主要认知就是由标签展开的。

我们往往用"属性"="属性值"的格式来进行HTML中标签属性的设置。

常见的标签:p标签、h1~h6标签、div标签、ol/ul>li标签、input标签、img等。

  • HTML元素 = 开始标签 + 结束标签 + 元素内容
  • 一些元素只有一个标签,如img、input、br等
  • HTML元素标签不区分大小写
  • 元素可以嵌套在其他元素中间

标签语义化

image.png

小结

第一天记笔记,对许多功能用得不是很熟练,看来记笔记对我也是青训营里要学的很大一部分啊(bushi