zoukankan      html  css  js  c++  java
  • Html学习2

           今天又学习了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">

    例如:

    <!doctype html>
    <html> 
        <head> 
              <meta charset="utf-8"/>
             <title> html的学习 </title>
        </head>
    
        <body> 
              <h1> Hello World!</h1>
             <h2>这是<font color="red" size="7"> 第一个 </font>网页!</h2> 
                 <!-- 注释--->
        </body>
    
    </html>
    

     

  • 相关阅读:
    Django之ORM基础
    Django基本命令
    Django知识总汇
    Linux Shell 自动化之让文本飞
    伪类link,hover,active,visited,focus的区别
    小记 Linux 之 Vim
    恢复 MSSQL bak 文件扩展名数据(上)
    小记一次shellscript的麻烦
    Java 之多态
    Java 之封装
  • 原文地址:https://www.cnblogs.com/dixingchen/p/12256260.html
Copyright © 2011-2022 走看看