1、什么是HTML

HTML称为超文本标记语言，是一种标识性的语言。HTML是由Web的发明者 Tim Berners-Lee和同事 Daniel W. Connolly于1990年创立的一种标记语言，它是标准通用化标记语言SGML的应用。

2、HTML的起手式



<!DOCTYPE html>
<html lang="zh_CN">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <title>Document</title>
</head>
<body>
 
</body>
</html>



DOCTYPE 表示文档类型，告诉浏览器，现在的文档类型是HTML语言



<html lang="zh_CN">   表示页面的语言，当前页面所用的是简体中文
<meta charset="UTF-8">  表示当前面的编码
<meta name="viewport" content="width=device-width, initial-scale=1.0">  表示自适应设备
<meta http-equiv="X-UA-Compatible" content="ie=edge">  表示使用最新的IE浏览器



<head></head>头部标签，主要放一些不在页面上展示的元素

<body></body> 即页面的展示区，需要展示的代码都放在body中

3、章节标签




html5元素 侧边栏元素 html侧边栏标签_html


分别为h1-h6标签的效果

标签名

描述

<h1>-<h6>

标题(Heading)呈现了六个不同的级别的标题

<section></section>

章节标签，一般用于章节

<aside></aside>

侧边栏或者标注框

<main></main>

呈现了文档的 或应用的主体部分

4、内容标签

标签名

描述

<a></a>

超链接标签，用于文章、锚点的跳转

<strong></stong>

表示文本十分重要，一般用粗体显示

<em></em>

标记出需要用户着重阅读的内容

<code></code>

呈现一段计算机代码. 默认情况下, 它以浏览器的默认等宽字体显示.

<pre></pre>

元素表示预定义格式文本

<ol></ol>

表示有序列表，通常渲染为一个带编号的列表。

<ul></ul>

表示一个内可含多个元素的无序列表或项目符号列表

<dl></dl>

是一个包含术语定义以及描述的列表

<hr>

表示段落级元素之间的主题转换

<br>

在文本中生成一个换行（回车）符号

<quote>

行内引用

<blockquote>

HTML 块级引用元素

5、全局属性

属性名

描述

class

一个以空格分隔的元素的类名（classes ）列表

contenteditable

表示元素是否可被用户编辑

hidden

控制元素的显示隐藏

id

定义唯一标识符（ID）

style

含要应用于元素的CSS样式声明

tabindex

负值表示该元素应该是可聚焦的，但不应通过顺序键盘导航到达;

0 表示元素应通过顺序键盘导航可聚焦和可到达，但其相对顺序由平台约定定义;

正值意味着元素应该可以通过顺序键盘导航进行聚焦和访问;元素聚焦的顺序是tabindex的增加值

title

包含表示与其所属元素相关信息的文本