HTML的起源

1990年左右，HTML是由Tim Berners-Lee创立之一种标记式语言。2004年，英女皇为他颁发大英帝国爵级司令勋章。2017年，被颁发图灵奖。可称它为李爵士。

他自己写了第一个浏览器、第一个服务器、并用自己的浏览器访问了自己写的服务器。发明了WWW，同时发明了HTML、HTTP、URL。

HTML起手应该写什么

<!DOCTYPE html>
<!--文档类型-->
<html lang="zh-CN">
<!--html标签，lang最开始为en，改为中文-->
<head>
    <meta charset="UTF-8">
    <!--文件字符编码-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <!--禁用缩放，兼容手机，宽度跟设备宽度一样，默认的缩放比例是1倍，最小缩放比例等于1，最大缩放比例等于1，用户不准缩放-- >
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!--告诉IE使用最新内核-->
    <title>Document</title>
    <!--标题-->
</head>
<body>
</body>
</html>

常用表章节标签

    <!-- 标题 -->
    <h1>标题1</h1>
    <h2>标题2</h2>
    <h3>标题3</h3>
    <h4>标题4</h4>
    <h5>标题5</h5>
    <h6>标题6</h6>
    .........
    <!-- 章节 -->
    <section>章节</section>
    <!--文章-->
    <article>文章</article>
    <!--段落-->
    <p>段落</p>
    <!--顶部内容，一般用于广告-->
    <header>这是广告位</header>
    <!--主要内容标签-->
    <main>主要内容</main>
    <!--旁支内容-->
    <aside>旁支内容</aside>
    <!--区域划分-->
    <div>区域划分</div>

全局属性

class

定义类名
```
<div class="name"></div>
```
contenteditable

让用户可以直接编辑内容
hidden

隐藏标签
id

加上 id 以后可以调 css

加上 id 以后可以用 js

不到万不得已不要用id，用class。因为window里有很多已经定义好的全局属性，不可以和这些属性同名。
style

设置内联样式

对于style的优先级： JS>HTML的style标签>CSS
tabindex

正数,如tabindex=1/2/3,表示按顺序访问

tabindex=-1 表示不能通过tab访问

tabindex=0 表示最后访问
title

用来显示完整内容

应用场景：文字超长变省略号

单行文字溢出：

调整 css
- white-space: nowrap; 不要换行
- text-overflow: ellipsis 溢出的部分用...代替
- overflow: hidden; 溢出的部分隐藏我若希望鼠标移动到省略地方时，通过title="完整内容"，即可浮动显示内容

常用内容标签

ol+li(ordered list + list item) 有序列表
ul+li(unordered list + list item)无序列表
dl+dt+dd dl自定义列表 dt定义列表术语 + dd 定义列表内容
< pre>< /pre> (preview的缩写) 保留空格、回车键
< hr> 水平分隔线
< br> 换行符
< a href=""></ a> 超链接
< em> 和 < strong> 表示强调
- < em> 表示语气上的强调
- < strong> 表示内容本身很重要
code
quote 行内引用
blockquote 块级引用

《HTML入门笔记1》

HTML的起源

HTML起手应该写什么

常用表章节标签

全局属性

常用内容标签