关于html知识的分享

关于html的小知识分享：
1.行级标签
2.块级标签
3.标题标签
4.超链接标签
5.span标签
6.p标签
7.br标签
8.hr标签
9.加粗标签
10.斜体标签
11.img标签
12. div标签
（分享内容：1.基本描述/概念 2.应用场景 3.拓展属性 4.简单举例 ）

解惑：
1、HTML元素分类：行内元素、块级元素、行内块级元素【可变元素】。（1）行内元素（display：inline）：行内元素在同一行显示，只能包含文本或其他的行内元素注意：默认情况下行内元素不具有宽高属性，也不具有：margin-top和margin-bottom【上下外间距】举例：a、i、span、img、time、em、strong、label、b、textarea、input、select（img和input可以设置宽高）（2）块级元素（display：block）：块级元素独占一行，可以包含行内元素或其他块级元素【注意：块级元素具有宽高属性】举例：div、p、hr、ul、li、ol、dl、dt、dd、table、form、h1-h6（3）行内块级元素（display：inline-block）：既有宽高属性，同时还有同行特性【能设置宽度，并且在同一行显示】举例：img、input【默认情况】
2、标题标签：HTML通过

-

六个标签来定义标题。 字体大小按

-

逐渐减小，且重要性递减，

定义最大标题或作主标题（最重要的），

定义最小标题。 标题的重要性：搜索引擎使用标题为网页的结构和内容编制索引，用户也可以通过标题来快速浏览网页。
3、HTML超链接可以用a标签来设置。(1)新建html文档，在body标签中添加a标签，为a标签添加“href”属性；(2)设置“href”属性的属性值为“page.html”，这时点击a标签会跳转到“page.html”页面；(3)为a标签设置“target”属性，属性值为“_blank”，这样“page.html”会在新标签打开，设置为“_self”则会在自身页面打开；
4、span标签：标签被用来组合文档中的行内元素。在行内定义一个区域，也就是一行内可以被划分成好几个区域，从而实现某种特定效果。本身没有任何属性。
5、P段落，它是元素，主要用于定义段落，在网页中是成对出现的，以

5、P段落，它是元素，主要用于定义段落，在网页中是成对出现的，以

开始，以

结束。

元素会自动在其前后留一些空白，当然然您也可以在样式表中规定空白大小。作用：定义段落。说明：p元素会自动在其前后创建一些空白。
6、
可插入一个简单的换行符。
标签是空标签, 在 XHTML 中，把结束标签放在开始标签中，也就是
。
7、加粗标签：（1）strong标签 加粗标签元素告诉浏览器把其加strong标签的文本以加粗方式显示给浏览者。对于所有浏览器来说，这意味着要把这段文字加粗呈现给大家显示。（2）b标签 标签规定粗体文本。注：Html strong加粗标签与html B加粗标签显示效果相同，两者都将内容文本加粗方式显示呈现，两者都可以选择使用；区别：加粗标签与加粗标签区别在于前者只有1个字符，后者6个字符字母标签。
8、加粗标签html b加粗与 strong加粗标签区別在哪？（1）html b与strong加粗标签区别：</b加粗与tong></ strong>加粗标签区別在于前者只有1个字符，后者6个字符字母标签。（2）b与 strong用法区別html b与 html strong加粗标签用法没有区别，一般想节约字节字符就用b加粗标，建议大家不要刻意追求这两者用法与区别。
9、斜体标签：html I斜体标签html i标签。10、img标签：定义和用法：img 元素向网页中嵌入一幅图像。请注意，从技术上讲， 标签并不会在网页中插入图像，而是从网页上链接图像。 标签创建的是被引用图像的占位空间。 标签有两个必需的属性：src 属性 和 alt 属性。11、div标签定义和用法：

可定义文档中的分区或节（division/section）。

标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。如果用 id 或 class 来标记

，那么该标签的作用会变得更加有效。
用法：

是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是

固有的唯一格式表现。可以通过

的 class 或 id 应用额外的样式。不必为每一个

都加上类或 id，虽然这样做也有一定的好处。可以对同一个

元素应用 class 或 id 属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的唯一的元素。