• 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标签中;

        

        

          

        

      

      

          

        

            

      

        

        

  • 相关阅读:
    面试总结进程、线程与多线程
    精妙算法收集一道有趣的腾讯笔试加分题
    反汇编分析寄存器状态
    远程桌面快捷键
    Js中 关于top、clientTop、scrollTop、offsetTop的用法
    JavaScript获取CSS属性
    oracle开启日志归档 (成功)
    eclipse插件开发帮助文档地址
    alter system修改oracle参数
    oracle分析统计表
  • 原文地址:https://www.cnblogs.com/look-up-at-the-starlit-sky/p/11883402.html
Copyright © 2020-2023  润新知