用html和css怎么制作一个简单的网页
前面发的两篇关于html和css的文章，不知道大家看会了没有呢，私下有没有操作呢。俗话说，学以致用，只学不用和没学没什么区别。
今天就用前两节的知识教大家一个简单的网页制作，可能有些陌生的知识，自行百度哦。
今天制作的就是关于茉莉花的，上面是图片下面是诗歌，先不给大家展示结果图片哦，嘿嘿嘿......（留一点神秘感），在文章的最后展示效果图。
教程：
1，打开记事本，并在其中输入必要信息，完整代码如下：
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title>
<body><header><img src="molihua.jpg"width="412" height="291"</header> <article> <header> <h2>茉莉花</h2> <p>作者：宋 · 刘克庄 </p> </header> <hr/> <p>曾与瑶姬约。恍相逢、翠裳摇曳，珠韝联络。风露青冥非人世，揽结玉龙骖鹤。
爱万朵、千条纤弱。
祷祝花神怜惜取，问开时、晴雨须斟酌。枝上雪，莫消却。
恼人匹似中狂药。
凭危栏、烛光交映，乐声遥作。身上春衫香薰透，看到参横月落。
算茉莉、犹低一著。坐有缑山王郎子，倚玉箫、度曲难为酢。君不饮，铸成错。</p> <h3>清平乐</h3> <p>冰轮万里。云卷天如洗。先向海山生大士。却诞卯金之子。冰盆荔子堪尝。胆瓶茉莉尤香。震旦人人炎热，补陀夜夜清凉。</p><dl> <dt>《浣溪沙》</dt> <dd>南国幽花比并香。直从初夏到秋凉</dd> <dt>《鹧鸪天》</dt> <dd>携靓侣，泛轻航。棹歌惊起野鸳鸯</dd> <dt>《真珠帘》</dt><dd>茉莉芰荷香，拍满笙箫院。</dd>
</dl></article> <footer>2019.9.6</footer> </body></html>
启动浏览器运行后，大家会发现界面并不美观，文字看着也比较乱。
为了解决这个问题，可以在界面添加css规则，让界面更好看，更标准化，将下面的代码块添加到记事本中，位置在<head>和<head/>也就是头部之间：
<style type="text/css">body{ background:gray;} h2{ text-align:center;} header{ text-align:center; } article p{ text-indent:2em; } footer{ font-size:12px; font-align:center; } </style>
再次保存和预览，是不是看着美观多了
是不是非常简单呢，大家可以尝试一下。不懂的可以在下面评论中问哦
标签：
相关文章：
SEO短视频，流量密码，品牌曝光利器
AISEO流量秘籍，精准引流无忧
互联网营销师需掌握哪些技能？,金华seo关键字优化
河西SEO优化，助力网站腾飞
卡盟官网，一站式充值平台
关键词优化，提升网站流量神器
员工离职申请表
抖音上如何快速查询关键词？
连接世界的虚拟桥梁
便民服务seo推广,便民服务免费发布信息平台
长沙SEO优化，性价比之选
负债资产比率是什么
构建未来，笔触无限
双核心关键词，竞价排名效果如何？,节能网站优化服务外包
“整合营销，多渠道协同传播”
24小时直播电影项目，一觉醒来就有的赚
营销引流指的什么
SEO优化数据，助力网站排名与流量双提升
网店转化率太低？亲亲惠提供全网最优解决方案
南京SEO专家，高效优化服务
SEO技术，轻松赚钱之道
小程序开发文档速览版
SEO：网站排名飙升的魔法钥匙
百合花语：纯洁之爱，每朵寓意不同
海岛网站匠造者
如何正确拟订网络推广投资？
流量磁场，关键词霸屏术
南宁SEO神器，快速提升排名
哪家SEO公司专业，助您网站关键词排名飙升？
海南网站优化攻略：关键词布局，如何快速提升排名？,南京文化云网站建设
焕新体验，智能办公利器！
群力无限，推广新天地
亚马逊SEO：优化关键词，提升曝光。
泰安SEO公司价格如何？哪家性价比高？
网页制作新利器，一触即达高效建站
提升百度收录效率，快速提升网站排名
网站推广中最重要的是什么？
税惠双享，您满意吗？,鹿寨企业网站建设
SEO实训成果显著，优化策略高效可行。
连衣裙夏装：优雅飘逸，你想要哪款？,嘉兴新站seo外包
北京竞价托管哪家好，服务品质如何？,seo文案都是什么
百度SEO导航升级版：高效搜索，精准优化
“智能作文助手，轻松提升文采！”
实验新解
淘宝开店能卖各种杂货吗？
六年级电子书，设计精优版
郴州SEO专家，优化领航者
高效SEO，网站巅峰加速
微博运营，涨粉神器！
智网行销科技有限公司
