前端HTML标签

 首行缩进 （px）：

   1、 正值向里缩进    <div style="text-indent: 20px;"

   2、负值向外缩进     <div style="text-indent: -20px;" 

br标签    用于强制换行

强制换行，不参与标签分类

img 图片标签

    行内块标签    语法：<img src="" alt="">

标签选择器，选择页面中所有的img标签，并设置样式

src属性：图片的路径

      alt属性:预替换文本，当图片路径错的时候显示的文字

      title:提示信息的作用,鼠标悬停在图片时显示提示信息

特性：

      1.默认一行显示，水平布局，一行放不下会自动折行

      2.换行和空格会被解析(只解析一个空格)

      3.可以设置宽高  width  height  单位px 可以省略，写在标签上

路径：1、绝对路径

       （1）.某盘符下的路径

               找到图片，右击--属性--安全--对象名称--复制对象名称后的路径

       （2）.带着协议的路径（网址路径）

               选择图片，右击--复制图片地址

          2、相对路径

       /   表示根目录        ./  当前目录  可以省略

       ../ 上级目录             ../../ 上上级目录

超链接标签：用于页面跳转

    语法：   <a href=""></a>

href属性:跳转的路径 a标签不能设置宽高

    特性：1.默认一行显示，水平布局，一行放不下会自动折行

    2.换行和空格会被解析(只解析一个空格)

    3.宽高由内容撑开

    4.自带下划线

    5.自带字体颜色

    6.鼠标指针的形状为手型

    7.去掉a标签下划线text-decoration: none;

    text-decoration:文本装饰线   none：无

 title:提示信息的作用

target:被链接文档在哪里显示
              1.target='_self' 在当前窗口跳转,默认值
              2.target='_blank'在新窗口跳转

利用锚点来跳转指定锚点处

 定义锚点
          <div id='锚点名称'></div>
 引用锚点
          <a href="#锚点名称">内容</a>

行级标签

• span标签:无语义标签，用于区分样式

  • 没有实际的语义，可以理解为一个小盒子，里面一般装着一个或几个文本内容

  • 应用场景：控制局部文本的样式

• b标签：一个实体标签，它里面包围的文本显示粗体效果

• strong标签：一个语义标签，强调语气，它里面包围的文本显示粗体效果

• i标签：它里面包围的文本显示斜体效果

• em标签：一个语义标签，强调语气，它里面包围的文本显示斜体效果

• del标签：删除线

• sup标签：上标

• sub标签：下标

• 特性

  • 宽度默认由内容撑开

  • 高度默认由内容撑开

  • 默认横向显示——水平布局，一行排不下，自动折行

  • 换行和空格会被解析

• HTML特殊字符

  • 代码            效果           描述
    &lt;             <         小于号或显示标记
    &gt;             >         大于号或显示标记
    &amp;            &         可用于显示其它特殊字符
    &reg;            ®         已注册
    &copy;           ©         版权
    &trade;          ™         商标
    &nbsp;                     不断行的空白
    &yen;            ￥         人民币