HTML常见标签


html标签的意义:根据标签的语义,在合适的地方给一个最为合理的标签,可以让界面结构更清晰。


一.标题标签<h1>-<h6>
    h1: head1的缩写意为头部,标题。
    <h1>-<h6>作为标题使用,并且依据重要性递减。

二.段落换行标签
  1.<p>我是一个段落标签</p>
     p是paragragh 段落。用于分段
  2.<br />break的缩写,换行的意思。强制换行。

三.文本格式化标签
  文字设置 粗体 斜体 下划线 效果,就用到格式化标签。
  1.加粗:<strong></strong>或者<b></b>更推荐用strong
  2.倾斜:<em></em>或者<i></i>更推荐使用<em>标签倾斜
  3.删除线:<del></del>或者<s></s>更推荐使用<del>标签
  4.下划线:<ins></ins>或者<u></u>更推荐使用<ins>

四.<div>和<span>标签
   <div>和<span>是没有语义的,他们就是一个盒子,用来装内容的。
   div是division的缩写,表示分割,分区,span意为跨度,跨距。
  1.<div>标签是用来布局的,但是现在一行只能放一个div
  2.<span>也是用来布局的,一行上可以多个<span>


五.图像标签和路径
  1.图像标签。
   <img> 举例<img src = "图像URL" />(单标签)
   src是<img>标签的必须属性,他用于指定图像文件的路径和文件名。
   所谓属性,就是属于这个图像标签的特性。
   图像标签的其他属性
         1.src 图片路径 必须属性
         2.alt 文本 替换文本,图像不能显示的文字
         3.width 像素 设置图像的宽度
         4.height 像素 设置图像的高度
         5.border 像素 设置图像的边框粗细

六.图像标签和路径
    1.同一路径   如

      <img src="feng.jpg">

    2.下一级路径  /

      <img src="images/feng.jpg">
    3.上一级路径 ../

       <img src="..images/feng.jpg">

     4.绝对路径.完整的电脑目录或者网络路径

七.超链接标签
    <a>标签用于定义超链接,作用是从一个页面链接到另一个页面。
   1超链接的语法格式
   <a href="跳转目标" target="目标窗口的弹出方式"> 文本或图像</a>
   <a>是anchor:锚的缩写
    2.属性:  
        href 用于指定链接目标的url地址,(必须属性)当为标签应用href属性时,他就具有了超链接功能
        target 用于指定链接页面的打开方式,其中_self 为默认值, __blank为在新窗口中打开方式。
    3.链接分类
            1.外部链接,例如<a href = "http://www.baidu.com">百度</a>.
            2.内部链接,网站内部页面之间的相互链接,直接链接内部页面名称即可,例如<a href = "index.html">首页</a>
            3.空链接,如果当时没有确定链接目标时,<a href = "#">首页</a>.
            4.下载链接:如果href里面地址是一个文件或者压缩包,会下载这个文件。
            5.网页元素链接:在网页中各种网页元素,如文本,图像,表格,音频,视频都可以添加超链接。
            6.锚点链接,点我们的链接,可以快速定位到页面的某个位置。

posted @ 2020-05-24 17:42  qiuqiu95  阅读(224)  评论(0编辑  收藏  举报