博客列表 >html基础知识(文档结构,简单标签使用,简单案例)-2019年3月11日22时10分

html基础知识(文档结构,简单标签使用,简单案例)-2019年3月11日22时10分

关志宇的博客
关志宇的博客原创
2019年03月12日 13:58:44652浏览
<!doctype html><!--声明 告诉浏览器这个是一个HTML类型文件 -->
<html>
   <head><!-- 文档头部 head  head内部的元素可以引用脚本、样式表、为网页提供元信息 -->
        <!-- 设置html页面标题 -->      
        <title>我是标题</title>
        <!-- 设置字符集 utf-8 -->
        <meta charset="utf-8">
        <!-- 不允许用户缩放 -->
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
         <!-- 引入外部文件(link) -->
        <link rel="stylesheet" type="text/css" href="style.css">
        <!-- 设置html头部logo -->
        <!-- rel:规定当前文档与被链接文档之间的关系-->
        <!-- type:定义被连接文档的类型 -->
        <link rel="icon"  type="image/x-icon" href="favicon (1).ico">
        <!-- 内部样式-->
        <style>
            *{
                margin: 0;  /* 全局去除 外边距*/
                padding: 0;/* 全局去除 内边距*/
            }
            
            p{
                font-size: 14;
                text-indent: 2em;/*首行缩进   常用文本属性(text-indent)*/
            }
            
            div{
                margin: 100px auto;/*居中*/
                width: 500px; /*宽度*/
                height: 200px;/*高度*/
                
            }
            a{
                text-decoration: none;/*去下划线*/
                color:#52F7F2 ;/*字体设置颜色*/
            }
            
            .box{
                /*类选择器样式*/
                margin-bottom: 15px;
                line-height: 30px;
                
            }
        </style>
    <head>
     <body>
     <div>    
         <!-- 常用元素 -->
         <!--标题 <h1> ~ <h6>标签定义  依次缩小-->
             <h1>十三届全国人大二次会议主席团常务主席第一次会议举行<h1><!--文档中<h1>标签只能出现一次 -->
             <h6>我是h6标题<h6>    
         <p><b><abbr title="新闻频道"><a href="#">新闻频道</a></abbr></b> 来源:央视网 2019年03月12日 08:59</p>        
         <!-- 段落是通过 <p> 标签定义的-->
         <!-- <b>标签 加粗字体 -->    
         <p class="box""><b>央视网消息(新闻联播):</b>十三届全国人大二次会议主席团常务主席第一次会议11日下午在北京人民大会堂举行。大会主席团常务主席、全国人大常委会委员长栗战书主持会议。</p>    
         <!-- <img>标签 添加图片  -->
         <img  style="text-align: center;" src="http://p1.img.cctvpic.com/photoworkspace/contentimg/2019/03/12/2019031208564017425.jpg" alt="这是一张图片" width="500">
         <p class="box">会议听取了大会主席团常务主席、大会副秘书长、全国人大常委会秘书长<b>杨振武</b>作的大会秘书处关于政府工作报告审议和修改情况的汇报,审议了关于政府工作报告的决议草案代拟稿。</p>
         <!-- <br>标签单标签 换行 -->
         <!-- <small> 标签 字体变小 -->    
         <p class="box">会议听取了全国人大财政经济委员会主任委员<small>徐绍史</small>作的全国人大财政经济委员会关于2018年国民经济和社会发展计划执行情况<br>与2019年国民经济和社会发展计划草案的审查结果报告有关情况的汇报,审议了审查结果报告。</p>
         <!--<strong>定义加重语气</strong>-->
         <!-- <del>定义删除字</del>  -->
         <p class="box"><del>会议听取了</del>全国人大财政经济委员会副主任委员史耀斌作的全国人大财政经济委员会<strong>关于2018年中央和地方预算执行情况与<del>2019</del>2020年中央和地方预算草案的审查结果报告有关情况的汇报</strong>,审议了审查结果报告。</p>
     </div>    
     </body>
</html>
代码总结:
 <!doctype html>   -声明 告诉浏览器这个是一个HTML类型文件 除了html外 还能声明xml xhtml
 <head><!-- 文档头部 head  head内部的元素可以引用脚本、样式表、为网页提供元信息 -->
 <img  style="text-align: center;">  内联样式;


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议