前端与HTML丨青训营笔记
这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天,第一天主要是对前端的初步了解及HTML的入门。
说在开头
本次寒假青训营笔记为一个系列,希望它们能见证我从小菜鸟成长为老菜鸟(菜是改不了的doge)的萌新前端路。
认识前端
一句话概括,前端就是利用Web技术栈解决多端(PC、移动浏览器、小程序、VR/AR等)图形界面下的人机交互问题。
前端技术的基本组成
HTML、CSS、JAVAScript以及网络协议共同构成了前端最基础的技术栈。
前端关注的方面的问题?
上文提到,前端解决的多是交互问题,这其实就要求前端程序员不仅要掌握技术,还要懂得其他涉及交互问题的知识,包括但不限于下图所示的方面。
前端技术的边界?
前端技术更新频率较快,各个技术栈百家争鸣,异彩纷呈。如node.js之于服务器开发;WebGL之于3D可视化;vue、react之于客户端开发等等。总而言之,前端发展非常快,技术在持续更新,前端程序员也要不断学习。
HTML入门
HTML:超文本标记语言(HyperText Markup Language)是一种用于创建网页的标准标记语言。
标签
标签是HTML中一个很重要的概念,可以说我们对HTML的主要认知就是由标签展开的。
我们往往用"属性"="属性值"
的格式来进行HTML中标签属性的设置。
常见的标签:p标签、h1~h6标签、div标签、ol/ul>li标签、input标签、img等。
- HTML元素 = 开始标签 + 结束标签 + 元素内容
- 一些元素只有一个标签,如img、input、br等
- HTML元素标签不区分大小写
- 元素可以嵌套在其他元素中间
标签语义化
小结
第一天记笔记,对许多功能用得不是很熟练,看来记笔记对我也是青训营里要学的很大一部分啊(bushi