首页 > Web开发 > 详细

HTML

时间:2020-05-17 12:47:43      阅读:40      评论:0      收藏:0      [点我收藏+]

基本格式

<!DOCTYPE html>
<html>
    <head>
        <meta charset="=utf-8" />
        <title>标题</title>
    </head>
    <body>
        <!--666-->
        <p>
            lll
        </p>
        <h6>伦伦</h6>
    </body>
</html>

meta标签

<!DOCTYPE html>
<html>
    <head>
        <!--使用meta标签可以设置网页的关键字
        还可以用来指定网页的描述
        给搜索引擎看的,不会影响页面在搜索引擎中的排名
        -->
        <meta name="keywords" content="关键字1,2,3" />
        <meta name="description" content="马上要开学了" />
        
        <!--使用meta做请求重定向
        
        -->
        <meta charset="=utf-8" />
        <meta http-equiv="refresh" content="5;url=http://www.baidu.com" />


        <title>标题</title>
    </head>
    <body>
        <!--666-->
        <p>
            lll
        </p>
        <h6>伦伦</h6>
        <h1>5秒后跳转页面</h1>
    </body>
</html>

特殊符号和引入图片

<!DOCTYPE html>
<html>
    <head>
        <!--注释-->
        <meta charset="utf-8" />
        <title>网页中的标题</title>
    </head>
    <body>
        <!--注释-->
        <h1>大不大</h1>

        <p>段落</p>

        <!--超链接-->
        <a href="http://www.driverzeng.com">飞机</a>

        <!--大于小于号和空格-->
        <p>a&lt;b&gt;c   </p>

        <!--版权和空格-->
        <p>&copy; 锄禾日当 &nbsp;&nbsp;&nbsp;午</p>

        <!--向网页中引入一个外部图片或动图,使用img自结束标签-->
        <!--
            src:设置一个外部图片或动图的路径
            alt:设置图片不能显示时候的描述,搜索引擎可以通过alt来识别不同的图片,不写也可以
                只不过搜索引擎不收录

            width:修改图片的宽度,一般使用px作为单位
            beigth:修改图片的高度
            宽度和高度两个属性如果只设置一个,另一个也会等比例调整大小
        -->
        <img src="QQ截图20200516072430.png" />
        <img src="C:\Users\Administrator\Desktop\QQ截图20200啊516072430.png" alt="这是一个截图" />
        <img src="QQ截图20200516072430.png" width="200px" height="500px" />

        <!--图片的格式
            JPEG(JPG):该图片支持的颜色比较多,图片可以压缩,但是不支持透明,一般用来保存照片等颜色丰富的图片
            GIF:支持的颜色少,只支持简单的透明,支持动态图,图片颜色单一或者是动态图时可以使用gif
            PNG:支持的颜色多,支持复杂的透明,可以用来显示复杂的透明的图片

            图片的使用原则:
            效果不一致,用好的
            效果一致,用小的
        -->
    </body>
</html>

语法规范

<!DOCTYPE html>
<html>
    <head>
        <meta charset="=utf-8" />
        <title>xhtml的语法规范</title>
    </head>
    <body>
        <!--
            1.HTML中不区分大小写,但是我们一般都使用小写
            2.HTML中的注释不能嵌套
            3.HTML标签必须结构完整,要么成对出现,要么自结束标签<br><meta>
            4.浏览器尽最大努力解析页面,有些时候会修正错误,因为浏览器要抢市场
            5.标签不能交叉嵌套
            6.HTML标签中必须有值,并且值必须加引号(单双引号)
        -->

        <p>lll</p>
        a 
        <br>
        b 
        <br/>
        c 
        <br>
        
        <p>今天天气<font color="red">真好</font></p>

        
        <h6>伦伦</h6>
    </body>
</html>

<h6>伦伦</h6>

内联框架

<!DOCTYPE html>
<html>
    <head>
        <meta charset="=utf-8" />
        <title>内联框架</title>
    </head>
    <body>
        <!--
            使用内联框架可以引入一个外部的页面,可以使用iframe来创建一个内联框架(页面中的页面)
            内联框架中的内容不会被搜索引擎检索
            属性:
                src:指向一个外部页面的路径,可以使用相对路径
                width:
                height:
                name:可以为内联框架指定一个name属性
        -->

        <iframe src="新建文本文档.txt" name="tom"></iframe>

        
        
    </body>
</html>

HTML

原文:https://www.cnblogs.com/syy1757528181/p/12904436.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!