html.

绝对路劲:

            1、本地磁盘

            2、网络地址

        特点:指向同意位置,无论在何处使用

       

        相对路径:

            以当前html文件为原点(参照物),去建立目标关系,当前目录、上一级目录、下一级目录

                   当前目录:

                          ./   ./后边加文件名 (如果当前html和图片在同一级目录 ./可以省略)

                   下一级目录:

                           /  表示下一级目录

                    上一级目录:

                         ../  打开上一级目录

                    上上级目录:

                         ../  ../  打开上上级目录

src属性:(必须)

          作用:用于指定图像文件的路劲

        alt属性:

           作用:当图片加载失败时,显示文字进行替换,有利于用户体验

        title属性:

           作用:当鼠标悬停在照片上时,鼠标的右下角出现对照片解释说明的文字,有利于用户体验

        width属性:

           作用:设置图片的宽度

        height属性:

           作用:设置图片的高度

                如果只指定一个宽度或高度时,那么另外一个值按照等比例缩放

                值可以不带单位,默认px(像素)

em标签

        默认样式:字体倾斜

                  不独占一行

        语义:强调内容

         i 标签:

         默认样式:字体倾斜

                  不独占一行

        strong标签:

        默认样式:加粗效果

                  不独占一行

        语义:强调内容

        b标签:

        默认样式:加粗

                  不独占一行

        del标签:

           删除内容

        默认样式:不独占一行

                  带有中划线

        sup标签:

              上标标签

        sub标签:

               下标标签

        span标签:(万用标签)

              作用:通常用来区分文本样式

              无语义标签

              无默认样式

 无序列表:定义没有顺序的一组内容

        默认样式:默认间距(上下外边距,内边距)

        列表样式:实心小圆点

        应用场景:导航栏、新闻列表、产品列表

        type属性:circle 空心圆

                  square 正方形

                  disc   实心圆(默认值)

自定义列表:一般用于名词解释

     -->

     <dl></dl><!-- 定义自定义列表 -->

     <dt>定义-专业名词(只能有一个)</dt>

     <dd>描述-对专业名词进行解释(可以有多个)</dd>

锚点:

             当我们点击锚点链接时,可以快速定位网页中的某个位置

        单页面锚点:

            语法:

               定义目标:<div id="id名称"></div>

               定义跳转点:<a href="#id名称">锚点</a>

        多页面锚点跳转:

                 定义目标:目标点页面里的<div id="id名称"></div>

                 定义跳转点:<a href="目标点的路径#id名称">logo</a>

   

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值