Day1
什么是前端,前端技术的应用
前端就是数据的呈现
了解代码的编写软件vs code。
vs code包含Emmet,所以可以快捷的完成很多操作
! 快速生成html基础结构
lorem+数字 快速生成指定值的随机单词
前端的三驾马车——HTML,CSS,JS
HTML——超文本标记语言 ,负责网页的结构
CSS——层叠样式表,负责网页的格式
JS ——负责网页的效果,JavaScript
CTRL+/——快速注释
指令*数量——快速执行多个重复命令
HTML包含哪些元素
开始标记、结束标记、元素内容、属性
什么是空元素?
空元素就是没有元素内容和结束标记的元素
元素嵌套的用法和规则
父元素和子元素、祖先元素和后代元素
不同元素可以相互嵌套
标签了解
<img src="" alt="">
//src指的是图片的路径,alt指的是图片的描述性文本
<a href="">超链接文本</a>
//href指的是跳转链接的地址路径,元素内容填写超链接的文本
href里还可以放置文件路径,此时a标签就由跳转标签变为下载标签了
<p>
这是一段文本
</p>
//p元素内容就是网页的段落文本
<h1>
这是一级标题
</h1>
//h1到h6,一共是6级标题,依次从大到小,代表了标题的权重
Day2
什么是ID?
每一个元素都有不同的属性,但ID是每一个元素都有的属性了,每一个ID是唯一的,不可重复。所有引用ID地址的前面都需要加上#
ID锚点实例
<a href="#one">跳转到第一章</a>
<a href="#two">跳转到第二章</a>
<a href=