Demo3:基础语法实现论文的样式

基础语法实现论文的样式

论文样式

实现论文样式效果如下图所示(来源于一篇论文)
这里写图片描述
图一引用图片为:
这里写图片描述

实现代码:

<!doctype html>
<html>
    <head>
        <meta charset="utf-8" />
        <style>
            #div{
                width:800px;
                height:600px;
                margin-left:50px;
            }
            p{
                font-size:1.3em;
                line-height:30px;
            }
            img{
                display:block;
                margin-left:auto;
                margin-right:auto; 
            }
        </style>
    </head>
    <body>
    <div id="div">
      <h1>一、HTML的发展历史</h1>
      <div id="p1.1">
      <h2>1.1、标记语言的发展</h2>
        <p>
            &nbsp;&nbsp;HTML的英文全称是(HyperText Markup Language),中文名称则是超文本标记语言,主要用于在互联网上基于HTTP协议的网络传输,它作为标记语言的主力成员,首先了解一下它的发展历程(图一)。
        </p>
        <img src="HTMLfazhan.PNG">
        <h3 align="center">图1:HTML发展历程</h6>
        <p>
            &nbsp;&nbsp;1989年,简化版的SGML及HTML诞生,但是HTML的发展并非一帆风顺,因为HTML的规范较少,功能也较简单,在发展的过程中不断的添加新的标签,致使后来整个HTML体系十分臃肿,兼容性也非常差。这种情况一直持续到HTML4.0标准的出台。
        </p>
        <p>
            &nbsp;&nbsp;XML(eXtensible Markup Language)可扩展的标记语言 在98年被w3c批准为1.0版本的规范,他的出现掀起了电子商务大潮,国际上许多知名大公司都无一例外地全面拥抱XML,包括微软、IBM、Sun。甚至有人宣称只要是电子商务软件 ,它就得必须支持XML。
        </p>
        <p>
            &nbsp;&nbsp;但是HTML4.0标准的通过,让HTML重新回到了主导地位。也为HTML的发展找到了一条合适的道路。XML当然也并没有就此退出历史舞台,现在经常会被应用到数据传输保存等方面。
        </p>
      </div>
      <div id="p1.2">
        <h2>1.2、HTML版本的演变历史</h2>
      </div>
     </div>
    </body>
</html>

最终效果

这里写图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值