这是我参与「第五届青训营 」伴学笔记创作活动的第1天。 今天的笔记是关于简单的了解HTML。
知识点：
- 简单介绍什么是前端；
- 前端技术栈分析；
- HTML标签；
内容：
前端介绍：
- 解决GUI人机互问题
- 跨终端
- Web技术栈
前端技术栈
常见HTML标签：
div、p、h1-h6、ol>li、ul>li、input、img、a标签等等。
- h1-h6标签字体大小从上往下变小，且在一个HTML文档里面只能放一个h1标签。
- 例：
- ol>li 为有序列表。
- 例：
- ul>li 为无序列表。
- input 为输入框，placeholder属性输入框无内容时展示，type属性不同展示不同输入框。
- type="range" 为进度条
- type="number" 为数字
- type="date" 为日期
- type="text" 为文本输入框
- type="password" 为密码输入框
- type="checkbox" 为复选框
- type="radio" 为单选框
- type="file" 为文件上传控件
- 例：
- img 为图片标签,其中的src属性插入图片地址，alt属性可以看成是图片地址未能获取成功后的一种备用方案。
- a 为超链接，target属性代表不替换原原页面，打开新窗口。
页面内容划分
个人总结
第一节课堂是关于HTML，大概了解了基本的标签，但是还是有很多用的比较少的标签需要自己去自行积累。同时需要多些敲敲键盘去记住这些标签，以防太多忘记，还要看看不同标签所展示的内容以及应用场景。
