HTML入门笔记1

HTML的发展历程

HTML(HyperText Markup Language)，即超文本标记语言或超文本链接标示语言，是“万维网之父” 提姆·博纳斯·李 Tim Berners-Lee所发明的。

HTML起手式

起手式指的是HTML起始的基础格式，主要包含编码信息，文档类型等基本信息。

常用章节标签

以下这些标签常用来表示文章/书的层级

• h1~h6: h表示heading标题，一级至六级标题，字体大小逐级递减。
• section：section所包含内容通常含有一个标题。
• article: 用来定义独立于文档且有意义的来自外部的内容，比如：一些投稿文章、新闻记者的文章，或者是摘自其它博客、论坛的信息等。
• p: p表示paragraph段落，用于定义文档中的段落。
• header：表示头部，用来定义文档或者文档的一部分区域的页眉，一般作为介绍内容或者导航链接栏的容器。
• footer: 表示脚部/底部，用来定义文档或者文档的一部分区域的页脚，一般包含文档创作者信息，版权信息等等。
• main：表示主要部分，用来指定文档的主体内容。
• asider：定义 article 以外的内容。aside 的内容应该与 article 的内容相关。

常用内容标签

• ol+li：ol表示ordered list有序列表，li表示list item列表项。两者组合用以展示有序列表。
• ul+li: ul表示unordered list无序列表，li表示list item列表项。两者组合用以展示无序列表。
• dl+dt+dd：dd表示definition list自定义列表，dt表示definition term自定义列表组，dd表示definition description自定义列表描述。三者组合用以展示自定义列表。
• pre：表示preview。表示可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符，而且文本也会呈现为等宽字体。
• hr：表示horizontal rule水平线。
• br：表示break。用于在文档中添加回车换行。
• a：表示anchor锚点。定义超链接，用于从一张页面链接到另一张页面，它最重要的属性是 href 属性，它指示链接的目标。target属性指定打开方式。
• em：表示emphasis强调。告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说，这意味着要把这段文字用斜体来显示。
• strong：与em一样用于强调文本，但它强调的程度更强一些，由它包裹的内容呈现加粗样式。
• code：用于表示计算机源代码或者其他机器可以阅读的文本内容。包含在该标签内的文本将用等宽样式显示。
• q：表示quote引用。定义一个短的引用。浏览器经常会在这种引用的周围插入引号。
• blockquote：表示块级引用。浏览器通常会对元素进行缩进。

全局属性

以下为所有标签都有的属性：

• class：类属性，用于指定元素所属于的类。
• contenteditable：可编辑属性，为布尔属性。可使得标签内容在前端可直接编辑。
• hidden：隐藏，为布尔属性。可使得元素隐藏。
• id：id属性，可为标签指定id，理论上统一文档中id是唯一的，但浏览器并不会检查id是否重复。
• style：样式属性，可为标签指定样式。该属性的值遵循css的语法。
• tabindex：用于控制标签相应tab按键的顺序，值是 number 类型，tab 访问顺序从 1 开始依次往后，0 最后访问，负数不访问。
• title：用于指定悬浮在元素上方时浮窗显示的内容。

另外

• 为消除浏览器的默认样式的影响，可通过css reset的方式实现。
• 文本行末省略：white-space:nowrap；text-overflow:ellipsis；overflow:hidden；
• table样式：border-collapse:collapse；border-spacing:0;