html标签(一)

排版标签:

  标题标签:<hn></hn>  //其中n为1-6

    :该标签独占一行,且存在上下边距,更改文字格式(加粗,变大)

  段落标签:<p></p>

    :该标签独占一行,且存在上下边距

  水平线标签:<hr /> 或 <hr>

    :该标签独占一行,且存在上下边距

  换行标签:<br /> 或 <br>

  div标签:<div></div>

    :该标签独占一行

  span标签:<span></span>

文本格式化标签:

  加粗标签:<b></b> 或 <strong></strong>  //推荐使用strong

    区别:<strong>代表强调的意思,而<b>没有

  斜体标签:<i></i> 或 <em></em>  //推荐使用em

    区别

  删除线标签:<s></s> 或 <del></del>  //推荐使用del

    区别

  下划线标签:<u></u> 或 <ins></ins>  //推荐使用ins

    区别

标签属性:

  基本格式:<标签名 属性名1="属性值1" 属性名2="属性值2" ... >内容</标签名>

    :任何标签的属性都有默认值,省略该属性则取默认值  

图像标签:

  <img>

  格式

    <img src="图片路径">

  :该标签不独占一行,且src是<img>的必需属性

  其他属性:

    alt:图片不能显示时所显示的文字  

    title:当鼠标悬停时显示的文字

    width:图片的宽度  //单位px、%,如若不写单位则默认px

      :XHTML不支持%页面百分比

    height:图片的高度  //单位px、%,如若不写单位则默认px

      :XHTML不支持%页面百分比

    :一般情况下我们只需要更改 width或height 其中一项就可以,剩下的那个属性会等比例扩张或缩放

    border:边框  //单位px、

链接标签:

  超链接标签:<a></a>

  格式

    <a href="调转的网页路径"></a>

      内部连接:本地路径  例:index.html  //相对路径

      外部链接:网页路径  例:http://www.baidu.com

  :该标签不独占一行,且href是<a></a>的必需属性  

  其他属性:

    target:用于指定链接页面的打开方式

      self:链接到本页  //默认值

      blank:链接到新窗口

  锚点定位

  格式

    起始点:<a href="#id"></a>

    要跳转到哪个标签:<标签名 id="id"></标签名>

    注:标签中若出现重名id,则以从上往下原则出现的第一个id为准

    注:若要跳转到其他页面的某个位置,则需要在定义id的前方添加文件路径

      例:

        <a href="路径#id"></a>

  base标签:  //base可以设置整体链接的属性

  格式

    <head>

      <base href="index.html" target="blank" /> //本页中所有未设属性值的超链接的跳转位置都为index.html,且打开方式为blank;

    </head>

  :必须写在head标签中;

    

 

    

      

    

  

  

 

      

    

        

  

    

    

posted @ 2019-11-18 17:11  仰望星空e  阅读(116)  评论(0编辑  收藏  举报