首先我们了解一下HTML是谁发明的
-
HTML的英文全称是Hyper Text Marked Language,即超文本标记语言。HTML是由Web的发明者 Tim Berners-Lee和同事Daniel W. Connolly于1990年创立的一种标记语言。
-
Tim Berners-Lee还成立了万维网联盟(W3C),并担任万维网联盟的主席。万维网的主要工作也是围绕HTML开展。
-
下面这个就是HTML的创始人,Web之父Tim Berners-Lee先生,属实是厉害,有没有!
:---------:
看了HTML的出身之后,让我们再来了解一下,HTML的起手式吧 .
<!DOCTYPE html> 此标签为HTML的标准网页声明
<html lang="en"> lang 是定义页面语言的代码,当然也可以更改 比如 lang=zh-CN
<head> 此标签用于定义html网页的头部,head是所有元素的容器,head标签中可以引用js和css以及对页面文档的标题等各种属性,并且head头部的数据是不会展示给用户。
<meta charset="UTF-8"> 此标签为编码格式
<meta http-equiv="X-UA-Compatible" content="IE=edge"> 此代码可以解决网页是否兼容问题
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title> 此标签为标题栏,在这里可以给网页加上标题
</head>
<body> body为内容标签
</body>
看了起手式,下面让我们更加深入的了解一些常用章节标签
-
< h1~h6 > :可以用来定义HTML的标题
<h1>文章标题</h1> -
< section >:可以用来定义文档中的章节
<section> <h1>一个章节</h1> </section> -
< article >: 可以用来表示文章
<article>标签中的内容经常包含<h1>、<header>、<footer>等标签 -
< p >: 表示段落
<p>创建一个段落</p> -
< header>: 用于文档的头部
-
< footer >: 文档的页脚,脚部
<footer id="footer">页脚内容<footer> -
< main >: 表示为主要的,主函数
-
< aside >: 文章的栅栏,旁支内容
-
< div>: 可以起到划分的作用
还有常用的全局属性
- class :用于规定元素类名
- contenteditable :规定元素内容是否可编辑
- hidden :布尔属性
- id :表示唯一,象征标签身份(慎用)
- style :定义样式
- tabintex :控制tab的顺序
- title :显示完整的内容
再来点常用内容标签.
-
ol+li(ordered list+list item) : ol用于结合li生成有序列表
-
ul+li(unordered list+list item): ul用于结合li生成无序列表
-
dl+dl+dd(description list+term+tada) : 标签用于定义列表,有表头和表内容,并形成层级关系
-
pre(preview的缩写) :被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体
-
hr :分割线
-
br(break的缩写) :换行
-
a (anchor的缩写):访问
-
em (emphasis的缩写):强调
-
strong :重点
-
code :标签用于表示计算机源代码或者其他机器可以阅读的文本内容
-
q(quote的缩写) :短的引用
-
blockquote :标记长的引用