博客列表 >HTML页面的基本布局以及新闻列表的制作2019-03-11 20:00

HTML页面的基本布局以及新闻列表的制作2019-03-11 20:00

文昌的博客
文昌的博客原创
2019年03月12日 15:59:221329浏览

基本知识点:

  • HTML指的是超文本标记语言(Hyper Text Markup Language)

  • 是网页制作必备的编程语言

  • 具有简易型、可扩展性、平台无关性和通用性等特点

基本结构及书写方式:

  • <!DOCTYPE> :向浏览器声明使用的HTML的哪个版本

  • <html>标签:是超文本标记语言文件的开始标记和结尾标记

  • <head>:定义文档的头文件,包含文档的一些基本信息

    • <title>标签:标题标签

    • <meta>标签:定义了HTML文档中的元数据

    • <link>标签:定义了文档和外部资源之间的关系

    • <style>标签:定义了文档的样式文件

    • <script>标签:定义了客户端的脚本文件

    <body>标签:网页中显示的实际内容均包含在这2个正文标记符之间。正文标记符又称为实体标记。

    课堂作业:

    实例

    <!DOCTYPE html>
    <html>
    <head>
        <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">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>魔方公寓获得1.5亿美元D轮融资,将用于运营人才公寓和公租房</title>
        <link rel="icon" type="image/x-icon" href="favicon.ico">
        <style>
            .contentext {
                width: 700px;
                margin: 50px auto;
            }
            p {color:#000; font-size: 14px;}
            abbr {text-decoration: none; color: #00A4A0;}
            a{text-decoration: none;}
            .wspace {
                width: 300px;
                background: #f2f2f2;            
            }
            ul li {list-style: none;
                 white-space: nowrap; /*规定如何处理元素内的空白(nowrap:不许换行)*/
                overflow: hidden;
                text-overflow: ellipsis;}
        </style>
    </head>
    <body>
    <div class="contentext">
        <h1>魔方公寓获得1.5亿美元D轮融资,将用于运营人才公寓和公租房 | 钛快讯</h1>
        <p style="color: #ccc"><a href="#"><abbr title="高梦阳">高梦阳 </abbr></a> · 2019-03-12 15:00</p>
        <p style="color: #000;line-height:80px;background: #f2f2f2; text-align: center; ">
           <b>摘要 : </b>新一轮融资到手后,魔方将参与到城市人才公寓建设和公租房运营管理与行业规则的制定。
        </p>
        <img src="1.jpeg" width="700">
        <p style="width: 200px;margin:20px auto;text-align: center;">
            图片来源:视觉中国
            <hr style="width: 200px;">
        </p>
        <p><b style="font-size: 18px;">钛媒体快讯 | 3月11日消息:</b>钛媒体获悉,魔方生活服务集团获得由加拿大机构基金管理公司CDPQ投资的1.5亿美元的D轮融资。</p>
        <p>
            公开资料显示,魔方生活服务集团是国内的集中式长租公寓的代表,也是最早一批投身连锁长租公寓行业的创业公司。根据魔方公寓提供的信息,目前魔方是国内在营房量最大、营业收入最高的集中式公寓运营商。
            旗下产品包括面对都市白领的魔方公寓,面向企业蓝领的9号楼公寓,立足中高端的摩尔公寓以及面向年轻用户的V客青年公寓。
        </p>
        <p>
            据钛媒体了解,本轮战略投资方加拿大魁北克储蓄投资集团(CDPQ)是一家长期投资管理机构,负责管理加拿大魁北克省的公共养老基金以及保险计划的资产。截止2018年12月31日,CDPQ 管理的基金净资产已达3,
            095亿加元。
        </p>
        <p>
            据CDPQ亚太区私募股权投资总经理林明安向钛媒体透露,这是其在中国投资的第一个项目,而这笔融资将为魔方的未来项目拓展提供资金保障和战略支持。
        </p>
        <p>
            此前,魔方公寓已完成三轮股权融资,投资方包括中航信托、美国华平集团、德同资本等,在投资并购方面,魔方先后对窝趣等国内多个知名的公寓项目进行投资。
        </p>
    </div>
    <div class="wspace">
        <ul>
            <li><a href="">前,魔方公寓已完成三轮股权融资,投资方包括中航信托、美国华平集团、德同资本等,在投资并购方面,魔方先后对窝趣等国内多个知名的公寓项</a></li>
            <li><a href="">前,魔方公寓已完成三轮股权融资,投资方包括中航信托、美国华平集团、德同资本等,在投资并购方面,魔方先后对窝趣等国内多个知名的公寓项</a></li>
            <li><a href="">前,魔方公寓已完成三轮股权融资,投资方包括中航信托、美国华平集团、德同资本等,在投资并购方面,魔方先后对窝趣等国内多个知名的公寓项</a></li>
            <li><a href="">前,魔方公寓已完成三轮股权融资,投资方包括中航信托、美国华平集团、德同资本等,在投资并购方面,魔方先后对窝趣等国内多个知名的公寓项</a></li>
        </ul>
    
    </div>
    </body>
    </html>

    运行实例 »

    点击 "运行实例" 按钮查看在线实例

    1.jpg2.jpg

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