[HTML全解]HTML概览

发表于 更新于 分类于

WWW的历史

WWW(World Wide Web) = URL(Uniform Resource Locator) + HTTP(HyperText Transport Protocol) + HTML(HyperText Markup Language)

HTML的历史

  • 诞生于1990年左右

    • 由Tim Berners Lee发明
    • 于2004年被英女皇授予爵士称号
    • 与2017年被颁发图灵奖

  • WWW的作用

    • 可以使用户直接输入网址，就能看到网页，简化了用户操作

  • WWW（互联网）的本质

    • 内容共享

HTML的语法

如何制作出网页

  • 必要知识
    • 域名知识
    • HTTP服务器知识
    • HTML知识
    • 其他

HTML的由来

www是互联网的一部分，www的功能是通过直接在浏览器输入网址，就能使用户直接浏览网页。

那么网页的内容结构及排版如何表示？此时就需要一门语言来标识文字内容的格式，就引出了HTML。

HTML英文全称HyperText Markup Language，超文本标记语言，就表明了HTML的作用。

HTML标签

  • 学习指南

    • 不需要记住，了解功能即可
    • 在MDN学习HTML5
      • 小插曲：非前端人员可能称移动端页面为H5😂

  • 学习路径

    • 开发工具
    • 语法
    • 标签
    • SVG

  • 学习建议

    • 了解所有标签内容
    • 不用记住全部内容，只记牢div与span即可
    • 学习css
    • 仿写页面
    • 发现有更合适的标签就改用更合适的
    • 继续仿写页面

  • 体系化学习建议

    • 学习语法
    • 如何调试代码（定位bug，debug）
    • 如何查找资料
    • 了解标准制定者

  • CRM(Copy, Run, Modify)方法

    • Copy: 首先抄代码
    • Run: 运行代码
    • Modify: 修改代码

  • 面试技巧

    • 如果面试官问一个英文单词，直接翻译为中文。。。

  • 注意事项

    • 学习语法，着重学习违反直觉部分
      • 例如input标签的checked属性，只要后面有参数，就会勾选。
      • HTML标签不需要闭合
      • 标签大小写没有区别
      • 属性值可以不加引号