前端学习02---7.12

首行缩进:

        语法:text-indent: 数值+px;    正值向里缩进,负值向外缩进

<br>标签:

        语法:<br>    强制换行,不参与标签分类

路径:

        绝对路径:某盘符下的路径

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

                2.带着协议的路径(网址路径)   https:     http:

                3.选择图片,右击--复制图片地址

        相对路径:

                /  表示根目录

                ./  当前目录  (可以省略)

               ../ 上级目录

               ../../ 上上级目录

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

                文件夹名/  表示下一级目录

图片标签:

        img 图片标签:行内块标签

        语法:<img src="" alt="">

        属性: 1.src属性:图片的路径

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

                    3.title属性:提示信息的作用

行级标签/行内标签:

        举例:<a href=""></a>  <span></span>  <b></b>  <strong></strong>  <i></i>  <em></em>

                  <sup></sup>   <sub></sub>   <del></del>  行级标签不能设置宽高

        a标签:超链接标签

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

                    作用:用于页面跳转

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

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

                               3.宽高由内容撑开

                               4.自带下划线

                               5.自带字体颜色

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

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

                跳转路径:href属性不写的话,当你点击的时候会进行刷新页面

                                  href:跳转的路径;  网址,本地文件

                                  空链接(#占位,跳转到当前页的顶部)

                                  伪链接(href="javascript:"假链接,不跳转的)

        

                target属性:target:被链接文档在哪里显示

                                     1.target='_self' 在当前窗口跳转(默认值)

                                     2.target='_blank'在新窗口跳转

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

                         href属性 :href='#定义锚点的名称'

                                           定义锚点  不用a标签    用id属性进行定义锚点

                                           引入锚点  用a标签

文本格式化标签:

    span标签:无语义标签,用于区分样式,没有实际的语义,可以理解为一个小盒子,里面一般装着一个或几个文本内容        应用场景:控制局部文本的样式

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

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

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

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

    del标签:删除线

    sup标签:上标

    sub标签:下标

HTML特殊字符:

                              代码            效果           描述

                                &lt;             <                小于号或显示标记

                                &gt;            >                大于号或显示标记

                                &amp;        &                可用于显示其它特殊字符

                                &reg;          ®                已注册

                                &copy;        ©                版权

                                &trade;       ™               商标

                                &nbsp;                          不断行的空白

                                &yen;          ¥               人民币 -->

                    

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值