这是我参与「第四届青训营 」笔记创作活动的的第1天
1、什么是前端
- 解决GUI人机交互问题
- 跨终端
- PC/移动浏览器
- 客户端/小程序
- VR/AR等
- Web技术栈
2、前端技术栈
3、前端应该关注哪些方面?
- 功能
- 美观
- 无障碍
- 安全
- 性能
- 兼容
- 体验 ps:用户的体验应该是最重要的
4、前端边界有
- node.JS
- ELECTRON
- React Native
- Web RTC
- Web GL
- WEBASSEMBLY
- ...
5、开发环境
目前主要使用的浏览器包含:IE、Chrome、Firefox、Safari 编辑器:VSCode、Vim、WebStorm
6、认识网页
- 网页的组成: 文字、图片、音频、视频、超链接
- 网页背后的本质:前端程序员写的代码
- 前端的代码通过什么软件转换成用户眼中的页面:浏览器转化(解析和渲染)
7、html简单描述
- HTML是HyperText Mark-up Language的首字母
- HTML不是⼀种编程语言,而是种标记语言
- 超⽂本指的是超链接,标记指的是标签,是⼀种用来制作网页的语言,这种语言由⼀个个的标签组成
- 同这种语言制作的文件保存的是⼀个文本文件,文件的扩展名为.html
- html⽂档也叫Web页面,其实就是⼀个网页,html文件用编辑器打开显示的是文本,可以用文本的方式编辑它
- 如果用浏览器打开,浏览器会按照标签描述内容将文件渲染成网页,显示的网页可以从⼀个网页链接跳转到另外⼀个网页
8、html常用标签
- 标题标签 自己独占一行
- 段落标签
- div盒子 用的最多
- 图像标签
- 连接标签 点击连接就可以调到页面的指定位置
- 表格标签
- 列表标签
- 无序标签
- 有序标签
- 自定义标签
- 表单
9、我第一个html
可以在页面显示经典的hello world
10、总结
经过今天的学习,对html有了更深的认识,还需要继续学习。