这是我参与「第四届青训营 」笔记创作活动的的第1天。
前端是什么？
使用web技术栈解决多端图形界面交互的问题。
前端基本技术栈？
JavaScript: 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。
CSS: 层叠样式表是一种用来表现HTML或XML等文件样式的计算机语言。
HTML:全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。
对于一个网页，我觉得HTML是骨架，CSS是样式，JavaScript是逻辑，三者缺一不可。
前端的范围？
前端不只是web浏览器的网页，我们可以有node.js做后端吗，也可以用flutter等多端开发。
语义化是什么？
语义化是指用合理HTML标记以及其特有的属性去格式化文档内容。
语义化的HTML文档可以使你的HTML更加优雅。
语义化的HTML可以让你的代码易读性更强，别人可以更简单的发现重点。
语义化的HTML会影响SEO。
基础的标签：
<h1></h1> ~ <h6></h6> 标题，会影响seo
<p></p> 段落
<br/> 强制换行
<strong></strong> 加粗，重要的事情
<b></b> 加粗，语气重
<em></em> 斜体
<i></i> 斜体
<u></u> 下划线
<div></div>
<span></span>
<img></img> 图片
<a href=""></a> 链接
<table></table> 用于定义表格的标签
<tr></tr> 用于定义表格中的行，必须嵌套在<table></table>中
<td></td> 用于定义表格中的单元格，必须嵌套在<tr></tr>中
<th></th> 表头单元格标签 加粗居中
<thead></thead> 定义表格的头部
<tbody></tbody> 定义表格的主体
<ul></ul> 无序列表,里面只能包含li，使用较多。li里面可以包含任何标签
<ol></ol> 有序列表,里面只能包含li，使用较少。li里面可以包含任何标签
<dl></dl> 自定义列表,里面只能包含dt和dd。dt和dd里面可以包含任何标签
<form></form> 标签用于定义表单域，以实现用户信息的收集和传递
<intput type="属性值" name="" value="" checked="checked" maxlength=""/>
| type属性值 | 描述 |
|---|---|
| button | 按钮 |
| checkbox | 复选框 |
| file | 供文件上传 |
| image | 图像形式的提交按钮 |
| password | 密码字段，字符被掩码 |
| radio | 单选安按钮 |
| reset | 重置按钮，清除表单所有数据 |
| submit | 提交按钮，把表单数据发送到服务器 |
| text | 单行的输入字段，用户可在其中输入文本，默认宽度为20个字符 |
推荐网址：MDN: developer.mozilla.org
