HTLM内容容器标签和常用标签

  一、内容容器标签主要有六种

  1.<h1></h1>~~<h6></h6>标签, 标题标签,专门用来写标题,所以内容只能放入标题文字,实现的主要效果是文字加粗、换行以及与下面内容具有较大间距。

    从<h1></h1>到<h6></h6>,标签的大小依次减小,可以认为其级别依次降低。

  2.<p></p>段落标签,专门用来放段落文章的内容,所以只能放入文字,实现的效果是换行和与下面内容有一定间距。

  3.<div></div>块标签,作为内容的容器,单纯的给内容划分区域、给内容占空,不会直接影响内容格式,特点是可以放任何内容、默认占一行,是最常用标签,可以通过更改样式来达到许多好看的效果,使网页更加美观。

  4.<span></span>也是块标签,特点是其大小取决于标签内所放的内容,可以看做自适应内容大小,也可以放任何内容,但是由于其自适应内容大小的特点,常用来放文字,也可以用来做区块的间隔。

  5.<ol></ol>有序列表标签,标签内添加<li>标签来代表列表中的每一项,type属性可以改变序列的方式(默认是1,可选的有a、i、I 等),不常用,

    start属性,start="5"表示序列从5开始排序。

  6.<ul></ul>无序列表标签,与<ol>标签相同的是标签内也是通过添加<li>标签来代表列表中的每一项,type属性可以改变列表项前的标记类型,还可以通过属性style="list-style:none"来去除标记,在去除标记后常用来制作做导航栏。

  二、常用标签有两种:

  1.<a></a>超链接标签,有两个要素:①内容;②指向。 基本形式  <a href="指向">内容</a>  ,

   属性href用来确定超链接的指向,

   可以通过style="text-decoration:none"来去除超链接的下划线,

   target属性表示超链接的打开方式,

    _black是在新选项卡打开,

    _self在自身选项卡打开,

    _parent在父级打开,

    _top在最外层打开,

    等于iframe的name值是在iframe框架中打开。

   !!额外功能

    a.可以指向文件,有两种情况:

      i.指向浏览器可以打开的文件时(如图片、文本文档以及网页文件)可以在浏览器中直接打开;

      ii.指向其他文件时 则会下载文件。

    b.做锚点,锚点的作用是当网页页面过大时,可以快速定位页面中的位置。

    方法:找到目标位置,在目标位置添加<a name="xx"></a>,然后使用超链接 <a href="#xx">锚点名称</a>,即可完成锚点的建立。

  2.<img />图片标签,用属性src来指定图片的来源,也就是说图片没有包含在网页文件内,而是从来源地址应用的,引用图片的大小与原图片大小相同。

      如果想改变图片的大小,可以通过属性width(宽)和height(高)来改变,这两个属性在只指定一个属性的大小的时候,另一个属性会自动的根据原图片的宽高比来调整。

      alt属性的作用是当图片挂掉后给出提示。

    title属性的作用是当鼠标放入图片时,可以显示图片标题。

原文地址:https://www.cnblogs.com/zxbs12345/p/7883309.html