怎么将多个html组合_《HTML入门笔记1》

1.HTML是谁发明的

html是于1990年左右诞生，由Tim Berners-Lee发明。

因在2004年新年荣誉中被女王伊丽莎白二世封为爵士，我称他为李爵士。

李爵士自己写了第一个浏览器和服务器，并用自己写的浏览器访问了自己写的服务器。发明了WWW、同时发明了HTML、HTTP和URL。

2.HTML起手式如何写

3.常用的章节标签

• 标题h1~h6

用来表示文章的标题，按照标题的等级，一共分成六级。默认情况下，浏览器会粗体显示标题。H1的字号比h2大，h2 比h3大，以此类推。

• 章节section

标签表一个含有主题的独立部分，通常用在文档里面表示一个标签，比如<section>可以包含多个<section>。<section>总是多个一起使用，一个页面不能只有一个<section>。

• 文章article

表示页面里面一段完整的内容，即使页面的其他部分不存在，也具有独立使用的意义，通常用来表示一篇文章或一个论坛帖子。它可以有自己的标题(h1~h6)。一个网页可以有一个或多个<article>

• 段落p

<p>标签是一个块级元素，代表文章的一个段落。不仅是文本，任何想以段落显示的内容，比如图片和表单项，都可以放进<p>元素

• 头部header

此标签可以用在多个场景，既可以表示网页的头部，也可以表示一篇文章或者一个区块的头部。

• 脚部footer

用于表示网页 文章 章节的尾部，如果用于整张网页的尾部，就称为“尾页”，通常用于包含版权信息或者其他相关信息。 版权符号©输入：&copy;

• 主要内容main

用来表示页面的主题内容，一个页面只能有一个<main>。

• 旁支内容aside

网页级别的<aside>可以用来放置侧边栏，但不一定就在页面的侧边；文章级别的<aside>用来放置评论或注释。

• 划分div

<div>是无语义块级元素，可以将多个图片或文字组合在一起，构成一个区块。只要样式上需要多个元素组合在一起，就可以使用<div>。带有语义的块级标签始终应该优先使用，仅当没有其他语义合适时，才可以使用<div>。

4.全局属性

• class

用来给一个元素分一个类，如果不同元素的class属性值相同，就表示它们是一类的。元素可以同时具有多个class，它们之间使用空格分隔。

• contentedtable

可以使任何一个元素被用户编辑。它有两个可能的值true或空字符串：内容可以编辑。false：不可以编辑。规范的写法是最好带上属性值。

• hidden

使用hidden属性用户将看不到这个标签的内容。需要注意的是css的可见性设置优先级高于hidden属性。

• id

id属性是元素在网页唯一的标识符。Id属性的值必须是全局唯一的，同一个页面不能有两个值相同的id，属性值不得包含空格。id属性的值还可以在最前面加上#，放到 URL 中作为锚点，定位到该元素在网页内部的位置。

• style

style属性用来指定当前元素的css样式。

• tabindex

使用tabindex属性可以让用户按下Tab键切换聚焦，如果属性值为0则这个元素最后聚焦到。属性值为-1则这个元素永远不被聚焦。属性值大于0则聚焦由小到大依次聚焦。建议属性全部填0，这样可以使顺序按代码的顺序依次聚焦。

• title

title属性用来为元素添加附加说明。鼠标悬浮在元素上面时，会将属性值显示出来。

5.常用的内容标签

• ol

ol是一个有序列表容器，会在内部的列表项（li标签）前面产生数字编号，一般用于排名时会采用这个标签。

• ul

ul是一个无序列表容器，会在内部的列表项（li标签）前面产生实心小圆点，作为列表符号。

• li

li表示列表项，用在ol和ul容器之中。

• dl+dt+dd

dl是一个描述列表容器，是一个块级元素。里面包含有dt和dd。dt是描述对象，dd是描述内容

• pre

pre是一个块级元素，表示保留原来的格式，即浏览器会保留该标签内部原始的换行和空格。

• code

code是一个内联元素，表示标签内容是计算机代码，浏览器默认会以等宽字体显示。如果要表示多行代码，code标签必须放在pre内部，code本身仅表示一行代码。

• hr

hr在一篇文章中分隔两个不同的主题，浏览器会将其渲染为一根水平线。该标签是单独使用的，没有闭合标签。

• br

br可以让页面产生一个换行效果。该标签是单独使用的，没有闭合标签。

• a

a标签表示用户点击后浏览器会跳转到指定的网址。网址由href属性指定，属性值可以是一个URL或者锚点。如果加入target属性则会让页面在新的窗口打开，属性值一般是_blank。

• em

em是一个内联标签，表示强调，浏览器会以斜体显示它包含的内容。

• strong

strong是一个内联标签，表示它包含的内容具有很强的重要性，浏览器会以粗体显示内容。

以上。