HTML 入门笔记 1
主要内容
- HTML 是谁发明的
- HTML 起手应该写什么
- 常用的表章节的标签有哪些,分别是什么意思(h1~h6、section、article、main、aside 等等)
- 全局属性有哪些
- 常用的内容标签有哪些,分别是什么意思(a、strong、em、code、pre 等等)
下面一一解释说明
HTML 是谁发明的
首先,HTML 是由李爵士,约在 1990 年左右,发明的。
李爵士做了以下三件事
- 自己写了第一浏览器
- 自己写了第一个服务器
- 用自己写的浏览器访问了自己写的服务器
- 发明了 www,同时发明了 HTML、HTTP 和 URL
HTML 起手应该写什么
就是一个 ! 感叹号,然后回车就可以了
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body></body>
</html>
常用的表章节的标签有哪些
章节标签,表示文章/书的层级
- 标题(由大到小)h1~h6
- 章节 section
- 文章 article
- 段落 p
- 头部 header
- 脚部 footer
- 主要内容 main
- 旁支内容 aside
- 划分 div
全局属性有哪些
- 所有标签都有的属性
- class
- contenteditable 可编辑的(加上这个属性,组件就可以编辑了)
- hidden
- id 不到万不得已,千万不能用 id,因为 id 它不报错
- style
- tabindex 可以用 tab 按键按顺序转跳到标记的这个属性的组件上
- title 用于组件文字过多,无法全部显示,则把完整内容显示到鼠标的浮标上(完整内容写在 title 上即可)
常用的内容标签有哪些,分别是什么意思
- ol + li ol 有顺序的列表,li 是 list item,即每一项
- ul + li ul 指无序的
- dl + dt + dd dl -> description list; t -> term(概念);d -> data
- pre 保留文本的空格和换行
- hr 分割线
- br 换行
- a 超链接
- em 斜体(语气很重)
- strong 加粗(本身很重要)
- code 里面的字体是等宽的
- quote 表示引用,默认没有什么特别的样式,这是个内联的
- blockquote 这是换行的引用
小知识
CSS reset
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
©
是© 版权声明