HTML 是谁发明的:
Tim Berners-Lee,李爵士,英国计算机科学家,于1990年左右发明了HTML
HTML的起手式:
<!DOCTYPE html> <!--文档的类型 让浏览器知道你写的是html类文档-->
<html lang="en"> <!--html使用的语言为英文一般改为中文<html lang=”zh-CN”>-->
<head> <!--head一般放一些看不见的比如说<style></style>-->
<meta charset="UTF-8"> <!--文件的字符编码-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!--禁用缩放-->
<title>Document</title> <!--标题-->
</head> <!--页面的头部-->
<body> <!--页面的主题-->
</body>
</html>
常用的表章节的标签:
- h1-h6: 标题---h1字体最大,h6字体最小
- section: 章节
- artical: 文章
- p: 段落
- header: 头部
- footer :脚部
- main: 主要内容
- aside: 旁支内容
- div: 划分
全局属性有哪些:
- class: 给你的标签分一个类,作用标记
- contenteditable: 可编辑的内容,可以在output(页面上可以编辑了)
- hidden: 让一个东西看不见,可以用css挽回
- id: 给你的标签分一个类,作用标记,和class相似
- style: 样式
- tabindex: 页面上所有可交互的地方都可用tabindex 对于那些没有鼠标
- title: 完整的内容
- ellipsis: 省略号
常用的内容标签有哪些:
- ol + li: order list 有顺序的列表(不能含有除了li之外的子元素)
- li: 列表中的一项
- ul + li: 无顺序列表
- dl + dt +dd:描述
- pre:html会把内容缩成一个空格,被pre包裹的代码块内可以有多个空格
- hr: 分割线
- br: 换行,中断打断
- a: 超链接
- em: 强调语气很重要
- strong: 强调内容很重要
- code: code标签内的代码,是等宽的
- quote: 行内引用
- blockquote: 块级引用
额外知识
- element style:我们自己设置的样式
- user agent stylesheet:l浏览器的默认样式
- css reset: 去掉一些标签的默认样式