用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，关键词优化，快速提升排名 面向 IPv6 的淘宝 App 网络技术与体验升级 打造网站流量的利器：专业网站SEO优化平台，助力企业腾飞,膜结构公司网站建设 如何在小红书上发布内容呢？ AI智能写作的网站：让写作变得更加简单高效 SEO购买是什么？揭秘提升网站排名的核心策略 AI文章自动生成：提升创作效率，开启内容创作新纪元 Effortless English Mastery 网站关键词快速排名方法：让你的网站一飞冲天！ 百度收录了为什么没排名？揭秘搜索引擎背后的“潜规则”！ 百度广告频现，创新体验升级！ 免费采集，开启高效资源获取新时代 重庆SEO做排名：提升网站流量，助力企业腾飞 赋能企业数智化，品牌飞跃新高度 Discord批量管理神器提升沟通效率的秘密武器 海珠网站制作公司有那些 百度搜索推广：精准触达，高效转化 优化网站推广企业：引领互联网时代的营销新风潮 404页面优化：简洁提示，引导搜索，提升体验 网赌推广，快速吸粉，引爆增长秘诀！ 广东SEO优化，效果显著价格优 微信小程序越来越火爆 优势在哪里 AI智能写作助手：开启写作新时代 西安SEO优化，价格透明，效果显著！ GPT4All电脑版：让人工智能与工作生活完美融合 ChatGPT4.0免登录轻松畅享智能对话，无需繁琐登录过程 通过微博推广操作引流到qq或者微信等渠道来赚钱的方法分享！
