这是我参与「第五届青训营 」伴学笔记创作活动的第1天
1. 前端
1.1什么是前端
-
解决图形用户界面（GUI）上人机交互问题
-
跨终端
- 移动浏览器
- 客户端/小程序
- VR/AR等
- web技术栈
- html 内容 `- css 样式
- js 行为
1.2前端应该关注哪些方面
美观 功能 无障碍 安全 性能 兼容性 用户体验
1.3前端的边界
1.4开发环境
2.html
html是指hyperText Markup Language 超文本标记语言
2.1 <!DOCTYPE html>
标记了当前在使用的html文件是什么样的html版本
2.2 html语法
标签和属性不区分大小写，推荐小写
空标签可以不闭合比如input，meta 属性值
推荐使用双引号包裹
一些属性值可以忽略，比如required，readonly
2.3标签
- 列表
- 无序列表
<ul> <li> - 有序列表
<ol> <li> - dl列表
<dl>定义列表<dt>列表标题<dd>列表值
- a链接
- href 地址，可采用绝对路径或相对路径
- target 设置是否新窗口打开
- 多媒体
<img>
- src 图片的地址，可采用绝对路径或相对路径
- alt 提示信息，当图片无法加载时展示此信息描述图片内容
<audio>
- src 视频或音频的地址
- controls显示浏览器自带的播放控件
<video>
-
src 视频或音频的地址
-
controls显示浏览器自带的播放控件
- 输入
<input>：
-
placeholder 提供一个占位符，当用户未进行输入的时候在输入区展示提示信息
-
list 在输入时进行提示，便于用户进行输入，本身不会改变用户输入的信息。
-
range 在一定范围内滑动
-
number 输入数字，可设置最大、最小值
-
date 输入日期
-
checkbox 提供多个选项供用户进行勾选
-
radio 单选框
