HTML基础入门1

1.HTML是谁发明的

发明者为Tim Berners Lee,李爵士；发明HTML只是他杰作的其中之一。他写出了第一个浏览器，服务器；并发明了WWW-万维网，接着发明了HTML，URL，并发明了HTTP（看不见的部分由他处理）

2.HTML起手式

现在vscode 以及大部分编辑器，都会遵循emmet语法规则；直接一个！=> Tab 解决，这样可以快速生成最基础的一个结构。

• DOCTYPE 文档类型 html
• lang 语言 zh-CN、en...
• meta-> charset 字符编码 UTF-8 统一认证的编码
• meta-> viewport 视口；content 兼容手机等设置的参数
• title 页面的头部信息

content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"

3.常用的表章节的标签

• h1~h6、1到6型号的标题，级别从大到小，font-size 和font-weight会逐渐变小，
• section章节
• article正文部分
• main主要内容块
• aside旁支内容
• div 划分区域（常用）
  除此之外，其他的p header footer…等等HTMl附有文本意义的标签，都是自带样式的，因为HTML比css先出世。

4.HTML全局属性（常见）

• class类，有共同点的元素的归集
• id ，整个文档中元素的唯一标识
• contenteditable 标签内容是否可编辑
• draggable 是否可拖动，一般配合自定义拖拽事件
• title光标浮上展示全部文本内容，现在许多组件库也有更加优雅的显示
• tabIndex 是否加入文档元素的聚焦队伍，0表示最后一个到它，-1 表示不加入，其他正整数越小越先到它聚焦

5.常用内容标签

• a anchor超链接 href 属性填写跳转的url,若换成#id可当做锚点定位使用；target属性设置何处显示新的资源；download=下载文件名（在工作中经常会需要用到处理文件流的案例）
• strong 强调，字体会加粗
• em emphasis 也表示强调，偏向语气上的，字体会变斜
• code表示代码区域
• pre可定义预格式化的文本。包围的文本会保留空格和换行符，且文本也会变成等宽