HTML入门笔记1

嗨慢走
113 阅读2分钟

html入门笔记1

html 历史
  • 1990年左右诞生
  • Tim Berners-Lee，李爵士发明的
  • 2004年，获得大英帝国爵级司令勋章
  • 2017年，获得图灵奖

李居士做了什么

  • 自己写了第一个流量只能去
  • 自己写了第一个服务器
  • 用自己写的浏览器访问了自己写的服务器
  • 发明了WWW，同事发明了HTML，HTTP和UEL

WWW是什么

  • WWW就是万维网
  • WWW=URL+HTTP+HTML

www的直观感受

  • 如何使用万维网

    输入一个网址

    可以看到网页

    看不见的部分由HTTP来搞定

如何制作出网页

  • 需要的知识

    域名知识

    http服务器知识

    html知识

    企图

  • 为什么没有css和js

    万维网初期就没有css河js

    1996年底css才发布第一版本

    1995年底javascript才出现

    也就是说最开始的页面就是html在裸奔

  • 最原始的html

    • 最初html只有18个元素

      titleh1~h6
      nextidaddress
      basehp1/hp2...
      adl/dt/dd
      isindexul/li
      plaintextmenu
      listingdir
      p

  • html 权威资料

    google搜索MDNhtml5

HTML5 技术集

  • HTML5的两个含义

    最新版本的html语言，包含旧版的标签和新增的32个标签

    html和他的朋友们（包括css3等）

  • HTML5技术集合

    新标签，新属性。

    新的通信技术：WebSockets，WebRTC等。

    离线存储技术：LocalStorage，断网检测。

    多媒体技术：视频，音频。

    图像技术：Canvas，SVG，WebGL。

    Web增强技术：History API，全屏。

    设备相关的技术：摄像头，触摸屏幕。

    新的样式技术：css3新的Flex，Grid布局。

  • HTML的语法

     <!DOCTYO HTML>
 <tag attr=value>123</tag>
 // 细节
 大小写区别
 引号
 如何注释
 如何组合

  • HTML排错

     如何知道html是否正确
 看VSCode的颜色提示
 看WEbStorm的颜色提示
 使用HTML5验证器（在线/npm工具）

    HTML的标准制定者W3C由李爵士创办。

html学习前的准备

  • vscode推荐插件：Prettier更好的本地格式化工具
  • JSBin:网址js.jirengu.com
  • 代码沙河：网址codesandbox.io

HTML 起手式

 <!DOCTYPE html>
 <html lang="CN-ZH">
 <head>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>HTML练习</title>
 </head>
 <body>
     <h1>我是一个标题</h1>
 </body>
 </html>

章节标签

  • 表示文章、书的层级

     章节 h1~h6
 章节 section
 文章 article
 段落 p
 头部 header
 脚部 footer
 主要内容 aside
 旁支内容 aside
 划分 div

全局属性

  • 所有标签都有的属性

     clss 类名
 contenteditable 可编辑的
 hidden 隐藏
 id 唯一的（可以通过js直接获取元素）
 style 样式
 tabindex 正值，表示元素是可聚焦的 
 title 表示咨询信息文本
avatar
文章
阅读
粉丝