前端学习笔记(HTML及CSS)——第一讲(导学及web入门)


大一上学期接触过HTML的一些知识,个人也比较喜欢画画,感觉做网页和完成画作一样,暑假打算试着学一学这部分内容
和小鬼一起加油的第一天!

前端学习笔记(HTML及CSS)——第一讲(导学及web入门)
2020.6.29 今日小鬼大气回应质疑上了热搜,推荐歌曲《come back》

学习目标

  • 第一阶段学习HTML和CSS3的基础知识,参考的资料为黑马程序员视频课程(b站自行搜索)
  • 学习最终目标是可以做出可见的所有静态网页,学习页面布局技巧,为js打下基础
  • HTML5(20%),CSS3(50%),提高(10%),电商网站开发实例,熟悉网站开发过程(20%)
  • 个人实操网站:结合实验楼相关内容打造介绍小鬼的网站(优秀的鬼姐姐)

网页的基础知识

???? 网页:

  • 啥子是网页捏?
    相当于一个页面,如同笔记本里面的一页,用HTML标签实现,一个网页上会有各种各样的元素,图片,文字,按钮,声音等等等等,以.html后缀结尾的文件
    前端学习笔记(HTML及CSS)——第一讲(导学及web入门)
  • 网页利用HTML语言实现
    ???? HTML语言
    超文本标记语言,用来描述网页,利用图片标签,文字标签等等描述网页,HTML不是编程语言, HTML 不需要编译,可以直接由浏览器执行,它的解析依赖于浏览器的内核。 它是一种标记语言。
  • 超文本?超越了文本限制,可以有图片,视频,声音
  • 超链接?实现网页之间的跳跃
    ???? 浏览器是啥子?
  • 常用的浏览器:网页显示和运行的平台
  • 浏览器内核:将代码进行显示
    ????Web标准
    万维网组织的标准(W3C),所有网站编写都需要遵守这些标准
  • 要标准干啥?好烦?
    不要标准乱七八糟你会更烦
  • Web标准构成(貌似是面试重点?)
    结构表现分类
    结构:就是相应标签组成的结构(html)
    表现:外观样式一致(css3)
    行为:交互式行为,没交互行为你怎么抢小鬼演唱会门票?(js)
    ???? HTTP基础
  • 超文本传输协议(大一考试还考了HTTP全称emmm,hypertext transfer protocal)
  • 前端学习笔记(HTML及CSS)——第一讲(导学及web入门)

第一部分就是简单介绍一下基本内容,下一次正式进入HTML的学习