元元的前端之路-004-HTML概览

75 阅读2分钟

WWW = URL + HTTP + HTML
WWW就是万维网World Wide Web,直译为像世界那么大的网
它于1990年左右诞生,Time Berners-Less是万维网之父
万维网是基于互联网的,实现了输入网址就可以看到网页的功能
当时世界上没有网址,李哥就发明了URL
当时世界上没有网页,李哥就发现了HTML
为了让这个系统更加完善,李哥就发现了HTTP

  • HTML语法
  • 如何制作出网页
    需要的知识:域名知识、HTTP服务器知识、HTML知识、其他
  • 为什么没有CSS和JS?
    万维网初期没有CSS和JS,1996年底CSS才发布第一个版本,1995年JavaScript才出现
    最开始的网页就是HTML裸奔

HTML的全称是HyperText Markup Language,中文含义为超文本标记语言
它诞生于李哥的一篇文章:HTML Tags

在哪里能找到HTML权威资料,Google搜索MDN HTML5
下面的网址就是HTML

HTML5技术集
HTML5有两个含义

  1. 最新版本的HTML语言,含旧标签和32个新标签
  2. HTML5和它的朋友们(包含CSS 3等)

HTML5技术集合

  1. 新标签、新属性
  2. 新的通信技术:WebSockets、WebRTC等
  3. 离线储存技术:LocalStorage、断网检测
  4. 多媒体技术:视频、音频
  5. 图像技术: Canvas、SVG、WebGL
  6. Web增强技术: History API、全屏
  7. 设备相关技术:摄像头、触摸屏
  8. 新的样式技术: CSS 3新的Flex、Grid布局方式

学习HTML的正确的学习方法:

  1. 把所有标签读一遍,了解内容
  2. 全部忘掉,只记住div和span
  3. 开始学习CSS
  4. 找一个页面,仿写
  5. 发现有更合适的标签,就改用更合适的
  6. 继续写页面

体系化学习的方法 学一门语言必须学会什么?

  1. 语法(怎么写代码)
  2. 如何调试(怎么知道自己代码写错了)
  3. 在哪查资料(其实就是为了抄代码)
  4. 标准制定者是谁 - W3C

如何学(CRM学习法)

  1. Copy - 抄文档、抄老师
  2. Run - 放在自己的机器上运行成功
  3. Modify - 加入一点自己的想法,然后重新运行

HTML的语法是怎么样的?

  • 标签
<!DOCTYPE html>
<tag attr=value>内容</tag>
<tag attr>内容</tag>
<tag attr=value/>
  • 细节
  1. 大小写有区别吗?
  2. 要加引号吗?
  3. 如何注释?
<!-- 注释 -->
  1. 如何组合?
  • HTML排错
  1. 看VSCode的颜色提示
  2. 看WebStorm的颜色提示
  3. 使用HTML5验证器(在线/npm工具) 这个网址就是HTML验证器 这个网址就是npm工具