美文网首页
HTML--实体、图片标签、相对路径、标签

HTML--实体、图片标签、相对路径、标签

作者: 3e0a50393df8 | 来源:发表于2018-08-06 19:51 被阅读0次

1、实体

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
        <title>实体</title>
    </head>
    <body>
        <!-- 
            &实体的名字;
            <  &lt;
            >  &gh;
            空格    &nbsp;
            版权符号   &copy;
            
        -->
        a<b>c
    </body>
</html>

2、图片标签

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
        <title>图片标签</title>
    </head>
    <body>
    <!--
        img 属性:
            srt  路径
            alt  描述
            width  宽
            height 高 
    -->
    <img src="1.gif" alt="动态图" width="700px" />
    </body>
</html>

3、相对路径

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
        <title>相对路径</title>
    </head>
    <body>
        <!--
            在图片前的引号内添加路径
            图片的格式  
            JPEG(JPG) 照片 不透明
            GIF 颜色少、简单透明、动图
            PNG 颜色多、复杂透明
            图片的使用原则:
                效果不一致,使用效果好的
                效果一致, 使用体积小的


        -->
        <img src="1.gif" alt="动态图" width="700px" />
    </body>
</html>

4、标签

<!DOCTYPE html>
<html>
    <head>
        <meta  name="keywords" content="HTML5,JavaScript,前端,python"/>
        <meta  name="description" content="发布H5、JS、python等前后端相关得到">>
        <meta http-equiv="refresh" content="5;url=http:www.baidu.com"/>
        <meta charset="utf-8"/>
        <title>meta标签</title>
    </head>
    <body>
        
        <h1>五秒以后跳转到百度</h1>>
    </body>
</html>

相关文章

网友评论

      本文标题:HTML--实体、图片标签、相对路径、标签

      本文链接:https://www.haomeiwen.com/subject/tuagvftx.html