前端与HTML | 青训营笔记

52 阅读2分钟

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

1、什么是前端

  • 解决GUI人机交互问题
  • 跨终端
    • PC/移动浏览器
    • 客户端/小程序
    • VR/AR等
  • Web技术栈

2、前端技术栈

屏幕截图 2022-07-26 213925.png

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

屏幕截图 2022-07-26 220633.png 可以在页面显示经典的hello world

屏幕截图 2022-07-26 220650.png

10、总结

经过今天的学习,对html有了更深的认识,还需要继续学习。