一个简单的HTML和CSS新闻界面

我们经常看见一些新闻界面,新闻界面多种多样,但实际上大部分新闻界面都是以这种形式构建的,供新手学习

<!DOCTYPE html>
<html>
    <head>
        <style>
            h1{
                text-align: center;
                font-size: large;
            }
            p{
                font-family: 楷体;
                font-size: larger;
            }
        </style>
        
    </head>
    <body>
        <h1>黄金价格再创新高,下半年有望触及每盎司2300美元</h1>
        <p>美联储降息前景、国际地缘政治局势紧张、全球央行购金意愿维
            持高位、来自中国和印度消费者对黄金的季节性需求都在助推市场情绪。</p>
        <img src="golden.jpg" >
        <p>
            2月底以来,黄金价格持续走高,3月7日,伦敦现货黄金价格一度涨至2164.78美元/盎司,
            刷新历史纪录;COMEX黄金期货最高冲至2172.2美元/盎司,也创历史新高。
        </p>
        <p>
            美联储降息前景、国际地缘政治冲突不断、全球央行购金意愿维持高位、中国和印度消费者对黄金的季节性需求都在助推市场情绪
            。不少分析师认为,后续金价有望保持高位,下半年或冲高至2300美元/盎司。
        </p>
        <p>
            “金价上涨因素包括通货膨胀、央行(购金)需求上升、发展中经济体的去美元化、经济形势和地缘政治,以及投资者对美联储下半年降息的预期。黄金大热,说明投资者认为市场或政府本身在结构层面存在某种不稳定性。
            ”Aptus Capital Advisors市场和股票经理大卫·瓦格纳对《华尔街日报》表示。
        </p>
        <p>
            美国东部时间3月7日至8日,美国联邦储备委员会主席杰罗姆· 鲍威尔分别出席了国会两院的听证会,向立法者们介绍美国的经济前景和货币政策路径。这是鲍威尔在3月19日美联储议息会议之前的最后一次露面,备受市场关注
            。他在讲话中重申联储将于今年晚些时候开始降息,但依旧未透露具体时间。
        </p>
        <p>
            芝加哥商品交易所的“美联储观察工具”最新数据显示,美联储有76.2%的可能会在6月政策会议上宣布降息。通常情况下,金价会随着利率的下降而上涨,美联储降息会成为下半年金价持续上涨的催化剂。
        </p>
        <p>
            从国际形势看,当前地缘政治冲突频发。3月7日,瑞典正式加入北大西洋公约组织(“北约”),俄罗斯将加强其西部防御;巴以临时停火仍无迹象;胡塞武装周三在一艘红海商船上发动导弹袭击,首次造成海员死亡
            。地缘政治风险事件频发,凸显黄金避险价值。
        </p>
        <p>
            支撑金价的另一个因素是来自各国央行的购金需求。根据世界黄金协会发布的《全球黄金需求趋势报告》,2023年全球央行继续大举购入黄金,全年净购买量为1037吨,
            只比2022年历史纪录少了45吨。中国人民银行周四公布的数据显示,2月,央行黄金储备环比增加39万盎司,连续16个月增加,创有统计数据以来央行连续增持黄金最长时间纪录,其间累计增持规模达994万盎司,约合282吨。
        </p>
        <p>
            市场还嗅到了一年前美国银行业危机的味道。上周四,纽约社区银行承认与贷款审查相关的内控存在重大缺陷,去年第四季度巨幅亏损28亿美元,致使股价连续两日跌超20%,创下上世纪90年代以来新低。
            这引发了市场对于美国金融尾部风险暴露的担忧
            
        </p>
        <p>
            投资者和分析师普遍认为,未来黄金价格具有长期上行的基础。投资咨询网站Money.com分析师Pete Grieve、外汇经纪商OctaFX市场分析师Kar Yong Ang预计,下半年每盎司黄金可能达到2300美元。
            如果央行购买黄金的趋势持续下去,明年将达到2500美元。
        </p>
        <p>
            但并不是所有人都看好黄金。例如,Charles Stanley的首席投资官帕特里克·法雷尔表示,金价可能很快就会达到峰值。“对许多大宗商品来说,这是严峻的一年。亚洲大型经济体经济增长疲软
            ,导致能源、工业金属以及铜和镍等大宗商品的价格下跌。
        </p>
        <p>
            德邦证券发布研究报告称,黄金价格具有长期上行的基础。但需要注意的是,如果本轮美国成功复刻了1995-1996年的“降息+软着陆”,
            同时在人工智能产业变革之下寻找到了新的经济驱动力,那么黄金价格或迎来调整。
        </p>
        <p>
            Pete Grieve表示,是否将黄金纳入投资组合取决于个人投资偏好和财务目标,财务顾问建议不要将超过5-10%的资金投入黄金。如果通胀数据很高或就业数据很热,金价可能会下跌。美国劳工部将于周五晚间发布2月非农就业报告
            。市场预计就业增长速度可能会放缓,但整体劳动力市场仍有较强韧性。
        </p>
    </body>
</html>

其实并不困难,仅需掌握p标签和一点css语言就可以了

好的,下面是一个简单的蔡徐坤偶像界面HTMLCSS代码,你可以自己根据需要进行修改: HTML代码: ``` <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>蔡徐坤偶像界面</title> <link rel="stylesheet" href="style.css"> </head> <body> <header> <h1>蔡徐坤偶像界面</h1> <nav> <ul> <li><a href="#">首页</a></li> <li><a href="#">新闻</a></li> <li><a href="#">音乐</a></li> <li><a href="#">视频</a></li> </ul> </nav> </header> <section class="profile"> <div class="avatar"> <img src="https://i.loli.net/2021/08/10/W7L9DcK8N4RQw6m.png" alt="蔡徐坤头像"> </div> <div class="info"> <h2>蔡徐坤</h2> <p>1998年8月2日出生于湖南省长沙市,中国流行男歌手、演员、舞者、音乐制作人、潮牌设计师、公益慈善大使。</p> </div> </section> <section class="music"> <h2>音乐作品</h2> <ul> <li><a href="#">1. Youth</a></li> <li><a href="#">2. Wait Wait Wait</a></li> <li><a href="#">3. No Matter</a></li> <li><a href="#">4. 沸</a></li> <li><a href="#">5. 1.2</a></li> </ul> </section> <section class="video"> <h2>视频作品</h2> <ul> <li><a href="#">1. 蔡徐坤《YOUTH WITH YOU2》THE9成团公演舞台</a></li> <li><a href="#">2. 蔡徐坤《创造营2019》全场舞台合集</a></li> <li><a href="#">3. 蔡徐坤《爱情废柴》MV</a></li> <li><a href="#">4. 蔡徐坤《Lover》现场版</a></li> <li><a href="#">5. 蔡徐坤《YOUNG》MV</a></li> </ul> </section> <footer> <p>版权所有 © 蔡徐坤工作室</p> </footer> </body> </html> ``` CSS代码: ``` body { margin: 0; padding: 0; font-family: "Microsoft YaHei", sans-serif; background-color: #F4F4F4; } header { background-color: #000; color: #fff; padding: 20px; display: flex; justify-content: space-between; align-items: center; } nav ul { list-style: none; margin: 0; padding: 0; display: flex; } nav li { margin-left: 20px; } nav a { color: #fff; text-decoration: none; font-size: 18px; } .profile { display: flex; align-items: center; margin-top: 50px; } .avatar img { width: 200px; height: 200px; border-radius: 50%; margin-right: 50px; } .info h2 { font-size: 36px; margin: 0; margin-bottom: 20px; } .info p { font-size: 18px; line-height: 1.5; } .music ul, .video ul { list-style: none; margin: 0; padding: 0; } .music li, .video li { margin-bottom: 20px; } .music a, .video a { color: #000; text-decoration: none; font-size: 18px; } .music h2, .video h2 { font-size: 36px; margin: 0; margin-bottom: 20px; } footer { background-color: #000; color: #fff; text-align: center; padding: 20px; } ``` 你可以将上面的代码复制到你的HTMLCSS文件中,然后保存并打开HTML文件,就可以看到一个简单的蔡徐坤偶像界面了。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值