博主信息
博文 12
粉丝 1
评论 0
访问量 11045
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
HTML页面的基本布局以及新闻列表的制作2019-03-11 20:00
文昌的博客
原创
1564人浏览过

基本知识点:

  • 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举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学