用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>
再次保存和预览，是不是看着美观多了
是不是非常简单呢，大家可以尝试一下。不懂的可以在下面评论中问哦
标签：
相关文章：
网络推广，文案创意师
市场销售专员是做什么的
抖音如何做到优化效果最佳？
淘宝VIP卡怎么使用？特权有哪些？
刘润丨2024，中国餐饮四大趋势
唐山抖音SEO推广公司收费情况如何？
房地产房屋销售类网站模板
SEO推广：流量转化双丰收秘籍
“轻便统计，掌上洞察”
推销与营销的区别
小红书app投诉渠道在哪里？
搜索算法与内容架构深度融合，打造精准布局新策略
百度推广，助力品牌飞跃
轻松可控流量爆发，自助关键词优化神器！
如何快速让网站登上搜索引擎首页？
湖北SEO精优服务
企业实行“全员降薪”，员工起诉要求补发工资，法院判了！
跨境电商推单是什么意思
“点击成本=关键词质量度×出价/综合排名分”→“点击价=质度×出价/排名分”
网络营销推广策略
抖音动态壁纸如何添加声音？
“SEO优化，企业网站营销价格策略一网打尽”
“dz门户SEO优化，高效关键词策略”
奥美如何助力苹果重塑品牌形象？,江门海外网站推广公司
抖音SEO优化，哪家更胜一筹？
双大连网络推广，如何让你的品牌声名鹊起？,网站结构优化的因素
中国人寿申请程序结构的配置方法、系统、装置和计算机设备专利，降低企业开发和运营多种企业APP的成本任敏新剧又丑出圈了！妆造拉垮表情油腻，网友祈求：请远离古偶剧
响应式装修建材地板类网站模板
百度关键词优化软件加盟，如何快速提升排名？,seo经验小谈
经纬恒润-W取得MCU引导加载程序开发专利，提升了引导加载程序的开发周期退房要赔1万，这位黑心房东火了，凭一己之力让整个江西跟着背锅
ChatGPT故障速解，流畅体验无忧
内容匠造者
热门经济名词微信分销有何特点
极简企业模板，轻量速搭
全方位SEO优化策略
祁泊郡双核驱动，未来走向何方？,内蒙古抖音推广营销中心
上班转正是什么意思
河北旅游胜地，你了解多少？,vue会影响seo
电商法第38条：平台内经营者……？如何界定责任？,淘宝seo运营是什么
SEO助力，让您的网站独领风骚！
今日热榜速览，精彩不容错过！
百度关键词优化费用报价
渭南SEO推广公司收费情况如何？
一个靠谱有信誉的广告联盟都具备哪些条件？
青松苑·志学居
创新营销，百度领航新潮流
哪家抖音SEO公司更值得信赖？
磁力猫新名：磁力萌猫侠
智推矩阵，全网覆盖
如何下载AI软件免费版？
