html 分割线_HTML入门笔记

HTML 是谁发明的

HTML 全称 HyperText Markup Language，超文本标记语言。是上个世纪90年代由欧洲核子研究中心的物理学家蒂姆·博纳斯-李（Tim Berners-Lee），也就是我们所说的李爵士发明的。

HTML 起手应该写什么

常用的表示章节的标签

• h1~h6：标题。h1字体最大，往后越来越小。
• section：章节。表示用这个标签扩起来的是一个章节，章节可以嵌套章节。
• p：段落。表示用这个标签括起来的是一个段落。
• header：头部。可以放一些像导航之类的东西。
• footer：脚部。版权声明一般放在这里，©这个就是版权符号©的写法。
• main：主要内容。这个标签里包括的是主体内容，像导航、侧边栏，版权等的东西不能放在里面。
• aside：旁支内容。这个标签里包括的是与主要内容无关的内容，比如侧边栏之类的东西，一般都放在这里。
• div：分隔。division，应该是这个词的简写。div可以嵌套div。

全局属性

• class：class属性可以让一组标签都有同样的属性。
• contenteditable：是一个枚举属性，表示元素是否可以被用户编辑。
• hidden：hidden是一个布尔属性，表示元素是否隐藏。
• id：只有非常确定的唯一的属性用id，作为新手，能不用尽量不用。因为如果你两个元素用了同一个id，浏览器是不会报错的，你没有办法判断你是否只用在了一个元素上。
• style：这是元素的属性，所以他的优先级高于css设置的样式，但是可以被javascript所写的属性覆盖。
• tabindex：表示元素是否可以被Tab键选中，当它是负数的时候，表示可以被选中，但是不能通过键盘访问到；当它是0的时候，表示可以被选中，并且可以通过键盘访问到。并且可以通过键盘访问到数值越小，越先被访问。通常给予没有鼠标的用户设置这个属性。
• title：标题。这个标签只用在块里。表示文档的标题。

常用的内容标签

• ol+li：有序列表。
• ul+li：无序列表。
• dl+dd+dt：定义列表。
• pre：会直接显示文件中的缩进。
• hr：水平分割线。
• br：换行符。
• a：超链接。当你要在一个网页里插入一个链接，就需要用到这个标签。
• em：强调。通常显示是斜体，是一个语气上的强调。
• strong：强调。通常显示是加粗，这个和em有所不同，他表示的是他扩起来的内容本身就很重要。
• code： 在网页中显示代码（等宽字体）。默认为内联元素，使用标签换行显示。
• quote：无样式，只表示是引用，内联元素。
• blockquote: 引用，块级元素