一、HTML发明者

  • Tim Berners-Lee，1990年左右发明HTML，2017年获得图灵奖
  • 发明HTML的目的就是为了上网冲浪（让每个人输入网址就能看到网页）

  • 李爵士写了第一个浏览器，第一个服务器，然后用自己的浏览器访问自己写的服务器，发明了WWW（万维网）同时发明了URL（网址）+HTTP（看不见的，为了系统更加完善）+HTML（网页）

    二、HTML起手式

    VSCode在VScode里面打开一个文件夹，新建一个index.html文件。然后输入英文！后会自动弹出一个提示框，点击第一个后就会后弹出一列最基础的html起手式（如下）
    <!DOCTYPE html>文挡类型
    可以把en改为zh-CN

    文件的字符编码
    禁用缩放，兼容手机
    告诉IE使用最新内核
    标题




    三、常用的表章节的标签

  • h1~h6 标题（h1表示一级标题以此类推）

  • section 章节
  • article 文章
  • p 段落（每一段的开头和结尾都加上p标签，可以很好的划分段落层次）
  • header 头部（即页眉）
  • footer 脚部（即页脚，通常可以用来注释商标所有）（&copy表示©）
  • main 主要
  • aside 旁支内容

  • div 划分

    四、全局属性

  • class 给标签分类（可赋予多个class标签。如

    ，head里用[class=middle]或.middle<可赋予class表示的标签里有两个及以上单词其中一个的属性>）

  • contenteditable 赋予可编辑属性（即可以在显示出来的网页上直接编辑，如将style属性放入body中并写上： style{display:block}，又赋予contenteditable属性，则看的人可以直接在网页修改style，但不能增减style）
  • hidden 隐藏
  • id 表示全局唯一标签（唯一性不靠谱，id 的全局唯一性没有保障，就算有两个重复的 id，HTML 也不会提示我写错了，所以不到万不得已最好不用）
  • style 用于为 HTML 文档定义样式信息(css、body里style属性、js同时生效时，优先级js>body里>css)
  • tabindex 属性规定元素的 tab 键控制次序（顺序123可不连续，0表示最后访问，-1表示不可被tab访问）

  • title 可定义文档标题 title=“需要显示的内容”（在一行文字中如果没有办法把文字显示完整，可以设置title，让鼠标移动到该段文字的上，这样就可以让title里面的字显示出来。需要如下代码使长文字后面显示…）

    1. whit-space:nowrap;
    2. overflow:hidden;
    3. text-overflow:ellipists

    五、常用的内容标签

  • ol+li 表示有顺序的列表

  • ul+li 表示没有顺序的列表
  • dl+dt+dd 描述列表 可以按快捷键dl+tab键快速呼出dl和dt代码
  • pre 保留空格/换行
  • hr 分割线
  • br 插入一个简单的换行符
  • a 定义超链接，用于从一张页面链接到另一张页面，如下（其中target=”_black”表示在新窗口打开，国内一般都会使用）：

QQ

  • em emphasis缩写 强调（语气）
  • strong 强调（内容）
  • code 字体等宽（英文）
  • quote 引用
  • blockquote 换行引用

不忘初心 方得始终