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

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

一.前端介绍

1.什么是前端

①解决人GUI人机交互问题

②跨终端

 PC/移动浏览器
 客户端/小程序
 VR/AR等
复制代码

③Web技术栈

2.前端应该关注哪些方面

美观、功能、安全、体验、性能、兼容、无障碍、体验七大方面

3.前端的边界

4.开发环境

二.HTML介绍

1.HTML是什么

①HyperText ②Markup Language

①图片、标题、链接、表格 ②

2.基本结构

3.HTMl语法

①标签和属性不区分大小写，推荐小写

②空标签可以不闭合，比如 input、meta

③属性值推荐使用双引号包裹

④某些属性值可以省略，比如required、readonly

4.内容区划分

5.语义化是什么？

①HTML中的元素、属性及属性值都拥有某些含义

②开发者应该遵循语义来编写HTML

有序列表用ol;

无序列表用ul

lang属性表示内容所使用的语言

6.语义化的好处

①代码可读性

②可维护性

③搜索引擎优化

④提升无障碍性

7.如何做到语义化

·了解每个标签和属性的含义

.思考什么标签最适合描述这个内容不使用可视化工具生成代码

8.总结

    今天是正式开始学习的第一天，本篇文章也是我生涯以来算是正式的第一篇文章。
    本篇文章对前端以及HTML进行了粗略的介绍和自我的一些认知。
    相信有些人会问：“学习HTMl难吗？”，对于这个问题，我想说可能你以为制作一个网站很难，但事实并非如此！制作网站
 其实是很简单的事情,就像你编辑word文档,文字加粗,文字改变颜色,添加背景,文字居中,插入图片等等,在网页上只不过
 你把你的这些操作使用HTML语言来表示罢了。假如你认真学习本课程的话，你将能10分钟入门,30分钟做一个简单的网页,
 1小时制做一个网站。相信在当你能独立制作一个属于你自己的网站的时候，你的满足感会远大于你对探索过程的厌烦，
 你也会慢慢爱上这门编程语言。
 
### ```