HTML入门笔记1

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: 去掉一些标签的默认样式