前端的开始HTML| 青训营笔记

110 阅读2分钟

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

今天跟韩广军老师学习的第一天,因为我是基础班,早上兴致勃勃打开课程,结果只有29分钟,而且前10分钟还没有画面,我自己跟着ppt然后跟着学,挺基础的。后来我看到群里 梁幸芝 发的:广军老师因为核酸结果没出来,没法进到工区,在外边用手机开热点讲的第一节课,因为不想耽搁大家的上课时间,所以昨天进阶班的直播课也是提前给大家发了ppt,后边老师又重录,我后来打开发现视频变成了43分钟。

不得不说,有点被感动到,广军老师可以完全不用重录,因为大家可以跟着ppt看,老师还是担心大家没学会,负责的重讲一遍,还做了一些示例。


这节课的主要让我们认识了前端是什么 和 HTML

前端主要分为下面三点:

  1. 解决GUI人机交互问题
  2. -PC/移动浏览器、客户端/小程序、VR/AR
  3. Web技术栈

前端的技术栈主要是:HTML、JavaScript、CSS

HTML主要如下:

image.png

上面的html可以解析出DOM树:

image.png

语法:

image.png

标签:

标题标签h1-h6

列表标签 <ol><li>,<ul><li>,<dl><dt>

链接标签<a href="">

图片标签<img src="">

音频标签<audio src="">

视频标签<video src="">

输入标签<input>有很多type例如range number date checkbox radio

多行输入标签<textarea>

下拉标签<select> <option>

快捷标签,引用别人一段话<blockquote>

短引用,几个字那种 作品名字<cite>

引用短的内容<q>

代码标签<code>

强调,更严重更紧急<strong>

强调,语气上的,一段话上重读<em>

内容划分:

image.png

语义化:

image.png

image.png