这是我参与「第五届青训营 」笔记创作活动的第1天。
一、本堂课重点内容:
- 前端工作的定义
- 前端技术栈拆解与分析
- HTML 作用解析
- HTML 语义化
二、详细知识点介绍:
1.前端是为了解决GUI人机交互问题开发出来的,并且是可以跨越终端,包括HTML,CSS,JavaScript等技术栈。
2.HTML是HyperText Markup Language,可用于图片,标题,链接,表格。html包括head和body两部分。head包括meta和title,body包括h1和p。title是页面标题,h1是文章标题,p是页面内容。 网页内容可以划分为header和nav,main和article,aside,footer。
3.语义化:HTML中的元素、属性和属性值都拥有某些含义,开发者都应遵循语义来编写HTML。 语义化可以使代码可读性更好,可维护性更强,搜索引擎得到优化,无障碍性得到提升。
三、实践练习例子:
HTML编程语言,本采用VsCode,只需要调到HTML语言然后输入一个“!”直接回车就可以等到整个HTML代码框架,十分的方便。
四、课后个人总结:
本节课深刻地了解到了前端行业,前端有哪些技术栈,以及一些关于HTML里面的组成构造,更加快速地深入了解并且学得。像输入那一块,input有很多种类型,例如 input type="range" 这是氛围滑动块,还有min,max来一个列表最大最小值的输入范围,以及 textarea的多行内容。还有type类型的checkbox多选,radio的单选,select-option的下拉选项,list属性的自有选项。引用标签的三个类型有:blockquote cite长引用,cite引用作品名字和章节,q短引用。强调标签有strong,em。一个是重要事情强调,还有一个是语气的强调。