1.html的历史

Hypertext Markup Language（超文本标记语言） HTML是由WEB之发明者万维网之父Tim Berners-Lee和同事Daniel W.Connolly于1990年创立之一种标记式语言超文本置标语言(第一版)——在1993年6月发为互联网工程工作小组 (IETF)工作草案发布（并非标准）.

1.1 html版本更替

1.HTML 2.0——1995年11月作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时 2.HTML 3.2——1996年1月14日，W3C推荐标准 3.HTML 4.0——1997年12月18日，W3C推荐标准 4.HTML 4.01（微小改进）——1999年12月24日，W3C推荐标准
5.HTML5 草案的前身名为Web Applications 1.0。於2004年被WHATWG提出，於2007年被W3C接纳，并成立了新的HTML工作团队。在2008年1月22日，第一份正式草案已公布,预计将在2010年9月正式向公众推荐。WHATWG表示该规范是目前正在进行的工作，仍须多年的努力。

2.html起手式

QQ图片20220310111755.jpg 图片源自饥人谷

3.一些标签

3.1章节标签

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

3.2全局属性

1.class:规定元素的类的名称。如需为一个元素规定多个类，用空格分隔类名。

2.contenteditable:将该标签内的内容变为可编辑的

<p contenteditable="true">可以被编辑</p>

3.hidden:设置该属性的部分将不被用户所见

<p hidden>看不见啦。</p>

4.id:虽然可以设置全文唯一的属性，但使用时重名也不报错.不到万不得已，最好不使用。

5.style:规定元素的行内样式（inline style）,style内可以直接使用css样式。

<p style="color:red">This is a paragraph.</p>

6.tabindex:指示其元素是否可以聚焦，以及它是否/在何处参与顺序键盘导航（通常使用Tab键，因此得名）。其值为0表示最后到该位置，其值为-1表示该区域不会被选择。

<div tabindex="0">最后到这里.</div>

7.title定义文档的标题，显示在浏览器的标题栏或标签页上。它只应该包含文本，若是包含有标签，则它包含的任何标签都将被忽略。

3.3内容标签

1.<ol>+<li>元素表示有序列表，通常渲染为一个带编号的列表。

<ol>
  <li>这</li>
  <li>是</li>
  <li>有</li>
  <li>序</li>
  <li>表</li>
</ol>

2.<ul>+<li>元素表示无序列表，通常渲染为一个不带编号的列表。

<ul>
  <li>这</li>
  <li>是</li>
  <li>无</li>
  <li>序</li>
  <li>表</li>
</ul>

3.<dl> 元素是一个包含术语定义以及描述的列表，通常用于展示词汇表或者元数据。包含一个或多个<dt> 元素，以及一个或多个<dd>元素

<dl>
  <dt>术语</dt>
  <dd>描述</dd>
</dl>

4.<pre>元素表示预定义格式文本。在该元素中的文本通常按照原文件中的编排，以等宽字体的形式展现出来，文本中的空白符（比如空格和换行符）都会显示出来。(紧跟在 <pre> 开始标签后的换行符也会被省略)

5.<hr>元素表示分割线

6.<br>表示换行

7.<a> 标签定义超链接，用于从一张页面链接到另一张页面,最重要的属性是 href 属性，它指示链接的目标。

<a href="https://juejin.cn/user/585360842433438">我的博客哟</a>

8.<em>标记出需要用户着重阅读的内容，<em>元素是可以嵌套的，嵌套层次越深，则其包含的内容被认定为越需要着重阅读。在页面上显示的文字为斜体但是可以通过css改变。

9.<strong> 表示文本十分重要，一般用粗体显示。

10.<code>呈现一段计算机代码。默认情况下，它以浏览器的默认等宽字体显示。

11.<q>表示一个封闭的并且是短的行内引用的文本。这个标签是用来引用短的文本，所以请不要引入换行符; 对于长的文本的引用请使用 <blockquote>替代

<p>Everytime Kenny is killed, Stan will announce
   <q cite="http://en.wikipedia.org/wiki/Kenny_McCormick#Cultural_impact">
     Oh my God, you/they killed Kenny!
   </q>.
</p>

4.一些碎碎念

第一篇博客，有很多觉得没全面的，慢慢来，后面写的会越来越有逻辑的。

HTML 简介