从零开始学HTML

使用HBuild写网页 ——– 多行注释快捷键:Ctrl+shift+/

<!DOCTYPE html><!--h5告诉浏览器这是一个HTML文档-->
<html>
    head标签里面的内容
    title--标题 在浏览器里面展现
    <meta charset="utf-8" />  H5的标准
    <meta http-equiv="content-type" content="text/html;text/html;text/html; charset=UTF-8" /> H4的标准

    <head>

        <title>head标签学习</title>
        <meta charset="utf-8" />
        <meta http-equiv="content-type" content="text/html;text/html;text/html; charset=UTF-8" />
        <!--提供给搜索引擎使用的-->
        <meta name="keywords" content="国科科技" />
        <meta name="description" content="国科科技"/>

    </head>
    <body><!--
            <h></h>块元素
            <p></p>块元素
            <hr></hr>块元素
            行元素:<b></b>:加粗,<i></i>:斜体,<u></u>:下划线,<del></del>:中划线:划线去掉不需要的内容
            -->
        <h1></h1><!--h1:标题标签,会自动加黑加粗,从h1到h7加黑加粗程度依次递减-->
        <hr width="330px" align="left"/><!--属性:加强标签的显示形式,width表示宽度,align:对齐方式-->
        <p></p><!--段落标签,&nbsp:空格标签,<br/>:换行,
                权重标签(可以嵌套使用):<b></b>:加粗,<i></i>:斜体,<u></u>:下划线,<del></del>:中划线:划线去掉不需要的内容-->
        <u>
            <i>

            </i>
        </u>        
        <img src="" /><!--属性:src:图片位置       1.本地资源  2.网络资源
                            绝对路径:从盘符出发
                            相对路径:从本路径出发(用得最多)
                            width:如果单独使用,在不失真的情况下,自动缩小或放大
                            img:行内元素
                            --> 
       <!--列表标签:
                    1,有序列表:<ol><li></li></ol>
                    2.无序列表:<ul><li></li></ul>
                    3.自定义列表-->
            <ol type="I"><!--<ol>属性:type后面可以控制显示的下标类型-->
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ol>
            <h6>中国古典园林</h6>
            <ul type="square"><!--<ul>属性:type后面可以控制显示的下标类型-->
                <li>苏州园林</li>
                <li>拙政园</li>
                <li></li>
                <li></li>
            </ul>
            <h6>自定义列表</h6>
            <dl>
                <dt>中国古典建筑</dt><!--dt:表示标题-->
                <dd>紫禁城</dd><!--dd:表示内容-->
                <dd>沈阳故宫</dd>
            </dl>
    <hr />
    <!--超链接:1.标签:a
                2.属性:href--指定跳转路径(1.本地页面  2.互联网)
                target:__blank ,_top,_self,_parent
                -->
        <a href="http://www.xhu.edu.cn">西华大学</a>
        <!--锚点
        <a name="test"></a>
        <a href="#test"></a>
        回到顶部:<a href="#"></a>回到顶部
        -->

    </body>
</html>

其中需要注意块元素和行元素的区别,块元素会自动换行

猜你喜欢

转载自blog.csdn.net/qq_43090158/article/details/82191230