HTML入门笔记1
HTML简介和简单标签的使用
简介
HTML 是谁发明的?
HTML
是 Tim Berners-Lee 在1990年左右发明的,他的贡献:
- 发明了第一个浏览器
- 发明了第一个服务器
- 用自己的浏览器访问自己的服务器
- 发明了
WWWW
,同时发明了HTML
、HTTP
和URL
HTML 起手应该写什么?
代码如下:
<!DOCTYPE html>
<html lang="en">
<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,chrome=1">
<title>Document</title>
</head>
<body>
</body>
</html>
-
<!DOCTYPE html>
这是标记文档类型
-
<html lang="en">
html
标签,可以把lang = en
改成lang = zh-CN
。注意,zh-CN
不要写成zh
,因为不同国家的中文有不同的语言类型。 -
<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,chrome=1">
告诉
IE
使用最新浏览器内核
章节标签
-
h1
~h6
表示标题
-
section
表示章节
-
article
表示文章
-
p
表示段落
-
header
头部
-
footer
尾部
-
main
表示主要内容
-
aside
表示旁支内容
-
div
表示划分
全局属性
-
class
标签对象声明,一般用
.class
引用 -
contenteditable
可编辑的
-
hidden
隐藏
-
id
表示唯一性,但浏览器不会阻止是否唯一,一般用
#id
引用 -
tabindex
tab跳转,默认从小到大,
0
是最后一个-1
不会到达 -
title
标题,鼠标聚焦后会显示
内容标签
-
ol + li
ordered list + list item
-
ul + li
unordered list + list item
-
dl + dt + dd
ordered list + list item
-
hr
分割线horizontal
-
br
换行
-
em
emphasis 斜线
-
strong
加粗
-
code
字体等宽
-
quote
引用
-
blockquote
块引用