码迷,mamicode.com
首页 > Web开发 > 详细

Html学习2

时间:2020-02-03 20:43:09      阅读:159      评论:0      收藏:0      [点我收藏+]

标签:结束   目录   abc   高度   指定   baidu   自动转换   图片   bsp   

       今天又学习了Html,又学到了一些基础知识。

  1、实体(转义字符):浏览器解析到实体时,会自动转换为对应的字符。

       语法形式:& 实体名字;   

                   <         &lt; 

                   >         &gt;    

                   空格    &nbsp;

                   版权符号     &copy;

        例如想写a<b>c:      a&lt;b&gt;c

 2、图片标签 :使用img标签来向网页中引入一个外部图片,img标签也是一个自结束标签

        属性:

                    src:设置外部图片的路径

                    alt:用来设置图片不能显示时,对图片的描述

                           搜索引擎可以通过alt属性来识别不同的图片

                           如果不写alt属性,则搜索引擎不会对img中的图片进行收录

                    width:可以用来修改图片的宽度

                   height:可以用来修改图片的高度

                    //宽度和高度两个属性如果只设置一个,另一个会同等比例调整大小

                       如果同时设置会按设置值显示

        <img src=" 图片路径"alt=“这是一张图片” width=“400px”height=“500px”/>

     相对路径:  <img src=" 1.gif">

              (1)图片在abc目录下  <img src="abc/1.gif"

              (2)图片在目录上级     用../    几个上级用几个  ../       

                            <img src=" ../../img/1.gif">

3、图片格式

    JPEG(JPG):支持的颜色较多,图片可以压缩,但是不支持透明。一般使用其来保存照片等颜色丰富的图片。

    GIF:支持的颜色少,只支持简单的透明(直线的透明),支持动态图。一般试用其来保存颜色单一或动态图。

    PNG:支持的颜色多,并支持复杂的透明。用其来显示颜色复杂的透明的图片。

使用原则:效果不一致,使用效果好的;效果一致,使用效果不好的。

4、meta标签

    (1)  使用meta标签还可以用来设置网页的关键字。

        <meta  name="keywords" content="HTLM5、前端、Java">

    (2)用来指定网页的描述。搜索引擎在检索页面时,会同时检索网面中的关键词和描述但是这两个值不会影响网页在搜索引擎中的排名。

         <meta name=“desoription” content=“发布h5、ja等前端相关的信息”/>

    (3)来做请求的重定向

       <meta http-equiv="refresh" content="秒数;url=目标路径">

          <meta http-equiv="refresh" content="5;url=http://www.baidu.com">

Html学习2

标签:结束   目录   abc   高度   指定   baidu   自动转换   图片   bsp   

原文地址:https://www.cnblogs.com/dixingchen/p/12256260.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!