HTML历史
历史:Tim Berners-lee(李爵士)在1990年发明了www,同时发明了HTML、HTTP、UR
3w:让每个人输入网址就能看到网页
网址:url
网页:html
让系统更完善:http
HTML初始代码
<!DOCTYPE html> 文档类型(文档声明告诉浏览器这是html文件)
<html lang="en"> (语言类型,改成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">(告诉IE使用最新内核)
<title>Document</title>(标题)
</head>
章节标签
- 标题h1-h6 (h1只能用一次)
- 章节 section
- 文章article
- 段落p
- 头部header
- 脚部footer
- 主要内容 main
- 旁支内容 aside
- 划分 div
全局属性标签
- class (给标签起名分类)
- contenteditable(在标签中写入,就可在网页编辑内容)
- hidden(隐藏)
- id(不到万不得已不用id,属于全局属性,但是写了两个也不会报错)
- Style (行间加样式)
- tabindex(用键盘tab键可以控制网页,tabindex = 0(最后一个访问) =-1(tab 不访问) 正数就按照号码顺序访问
- title(文字超长用了省略号,可用title标签:里面写要显示内容)
内容标签
-
ol+li (ordered list + list item)
-
ul+li(unordered list + list item)
-
dl + dt + dd(descripteion list + term + data) 快捷键 dl+ tab 可以直接打出 dt(描述的东西) dl(描述的内容)
-
pre(preview) 用pre标签包裹的内容就能保留tab键和空格
-
hr 一条线
-
br(break) 转行
-
a(anchor)
-
em(emphasisi)强调语句
-
strong 内容的重要
-
code 用code标签包裹的代码 不会被网页解析
-
q (quote)内联的引用没有什么太大的区别
-
blockquote 块引用 标签包裹的内容会换行并且有缩进