前端与HTML | 青训营笔记

97 阅读1分钟

字节青训营第一天-前端与HTML

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

什么是前端

  • 解决GUI(图形用户界面)人机交互问题

  • 跨终端

    • PC/移动浏览器
    • 客户端/小程序
    • VR/AR等
  • Web技术栈

qianduanjsz.png

总结:使用Web技术栈在各个终端上去解决GUI人机交互问题

什么是HTML

HyperText Markup Language

包含图片、表格、标题、链接等信息。

HTML结构

qianduanjiegou.png

DOM树

domtree.png

HTML语法

  • 标签和属性不区分大小写
  • 单标签可以不闭合
  • 属性值需要使用双引号包裹
  • 某些属性值可以省略

HTML标签

内容划分

htmlcontent.png

语义化

HTML中的元素、属性及属性值都拥有某些含义

开发者应该遵循语义来编写HTML

注:HTML传达内容,而不是样式

总结 第一天的课程算是基本初识HTML,老师带着我理了一遍标签等语法知识,更多的是需要自己去扩展更多知识。