用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>
再次保存和预览，是不是看着美观多了
是不是非常简单呢，大家可以尝试一下。不懂的可以在下面评论中问哦
AI稿件生成：高效创作新纪元 微信分销平台赢得更多企业高度认可的优势有哪些 SEO优化有哪些？提升网站流量的全方位指南 中专能不能学SEO？解答你的疑问，开启数字营销新职业 赛尔号陀螺玩法视频哪里找？ 选择靠谱新闻来源，保障你的信息安全与理性思维 SEO优化教程：让你的网页排名稳步提升的秘诀 全网整合营销应该怎么做？ 竹溪SEO：如何在数字时代脱颖而出，助力企业腾飞 提升生活品质，智能世界的无限可能走进bbb811.com 十堰SEO快速提升，关键词优化技巧全解析 如何轻松驾驭WordPress后台，打造专属网站？ ChatAl官网入口：轻松体验人工智能带来的智慧生活 湖北工程职院智慧门户 AI赋能创作，无限可能尽在指尖 seo整站文章优化，seo文章优化规则,塔城网络营销推广公司 深入解析，如何高效访问和使用ChatGPT官网 “发布新天地，广告一点通” 内链优化：SEO技术核心要素 如何让速卖通产品成为爆款？ SEO官网优化怎么做：提升网站流量与排名的关键策略 免费关键词探测器 免费GPT网站：AI时代的无限可能，助力个人与企业成功 OpenAI最近对ChatGPT进行了一次重大升级，免注册，随到随用,京东关键词排名出价 外链SEO：提升网站排名的关键策略 百度收录掉了怎么办？揭秘如何快速恢复百度收录并提升网站排名！ 怎么快速领到物上优惠券？ 专业SEO排名优化价格解析：如何选择适合你的SEO服务？ 重庆南岸SEO优化，助力企业在互联网竞争中脱颖而出 打破智能边界，gptAI助力未来科技变革
