用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>
再次保存和预览，是不是看着美观多了
是不是非常简单呢，大家可以尝试一下。不懂的可以在下面评论中问哦
标签：
相关文章：
重塑流程，多维驱动，加速企业数智化转型
《夸克在线》揭秘：量子世界，你了解多少？,如何开展网站优化研究
精准营销，如何让QQ群活跃度翻倍？,石柱县模板网站建设
一键卸载百度工具栏，轻松恢复清爽桌面
创意品牌，营销领航者
工作场所多样性定义
SEO关键词优化，高效策略速成
烟台网站优化，如何提升关键词排名？,正规网站建设课后答案
京东补差价怎么做呢？
淘宝客平台哪家强？揭秘行业佼佼者！,推广营销策划多少钱
“百度优化神器，快速提升排名”
*SEO优化步骤2025版，如何提升企业网络营销效果？,黄瓜视频SEO综合
图片SEO，提升排名，优化用户体验
“简约非凡，品牌新境”
超实用的神仙网站 篇二十七：「设计美学」——探索创新和美感的设计网站-Design Milk安徽一女子忘带钥匙被锁门外，呼唤家中猫咪，随后一幕激动又惊讶
小红书数据怎么彻底删除？
SEO实验报告：优化策略与效果评估
闲鱼处罚该如何妥善处理？
gmarket中国卖家入驻流程是怎样的？
SEO企业建站系统，助力企业高效提升在线竞争力，如何打造行业领先地位？,好牛网站建设
网站推广技术革新，排名飞跃之道
郑州SEO，专业排名领先！
全网营销是一个怎样的概念？
商务网页设计，专业定制，高效呈现
ChatGPT：重塑生活工作新纪元
SEO全站优化，流量翻倍秘籍
电商法35条：规范平台交易，保障消费者权益
日本实际工资连续第二个月上升 为日本央行带来积极信号
渝水区SEO霸屏，快速提升排名
珠海抖音审核外包公司有哪些具体要求？
SEO优化秘籍：工具类网站速成指南
南通SEO高效速升
成为APP推广达人，轻松赚钱！
“果香四溢，网销新潮，抢鲜上市！”
湖北大学：211还是985？一探究竟！
芜湖SEO关键词优化公司哪家强？
企业培训核心技能，如何提升团队协作效率？,安徽seo教程如何营销
新员工入职通知书
福州SEO快速霸屏
错峰上下班是什么意思
王通：智慧传承者
百度快照优化，快速提升网站排名秘诀
审计工作的重要性和意义
深圳车牌竞价，双号车牌你抢到了吗？,赤水网站seo优化价格
一天内APP爆红，20万下载，内容营销秘籍！
淘宝排行榜怎么找？最热门店铺是哪些？
权威SEO排名机构推荐
物毒扣如何轻松取下？
潍坊科技学院获批硕士学位授予立项建设单位56岁女子风韵犹存，被61岁男子相中，男子：啥条件我都能答应
九曲连环，路转峰回
