html+css网页制作代码(html网页制作代码)
本篇文章给大家谈谈html+css网页制作代码，以及html网页制作代码对应的知识点，文章可能有点长，但是希望大家可以阅读完，增长自己的知识，最重要的是希望对各位有所帮助，可以解决了您的问题，不要忘了收藏本站喔。
如何用html编写一个简单的网页
简单的html网页可以直接利用文本编写的，无需下载特定编辑器。
1、在我们的windows操作系统中，桌面上鼠标右键新建一个txt文本，并命名为"最简单网页",只是便于标识，实际上并不影响我们的操作。注意我们需要提前在文件属性中把扩展名显示出来。
2、我们打开文件夹属性设置，将文件扩展名显示出来，后面我们需要对文件扩展名进行操作，不同操作系统的设置位置不太一样，我们可以直接搜索"文件夹属性"来进行查找修改。
3、然后输入最简单的HTML文本语言。
代码如下：
<html>
<body>
最简单的网页
</body>
</html>
4、保存并关闭txt文本，然后修改我们txt文本的扩展名为html，此时会弹出警告框，提示我们修改后可能会导致文件不能使用，这是操作系统的一个处理逻辑，为了防止无意或恶意的损坏文件的行为。
5、无需担心，因为这在我们自己的掌控之下，确认警告，点击"是"，然后双击打开我们自己的第一个html网页，就可以看到一个最简单的html网页了。
html求制作一个简单网页代码,只需要一些文字加张图片
<html>
<head>
<metahttp-equiv="Content-Language"content="zh-cn">
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><!--网页编码（一般网站分为UTF-8和GBK2312）-->
<title>这是我的网页</title><!--这是网站标题如（源码家园）-->
<metaname="keywords"content="这是我的网页"><!--这是网站关键词如（百度,百度文库,百度站长）-->
<metaname="description"content="这是我的网页"><!--这是网站描述如（源码家园是一个专业下载网站源代码的www.linxincn.com）-->
</head>
<!--以上是网站头部代码，也就是网站标题、网站关键词、网站描述，一般的网站还会在头部加上CSS和JS文件来控制网站样式-->
<!--以下是body部分，通俗的来讲就叫它网站中间部分-->
<bodybgcolor="#808080">
<pclass="mb"><imgsrc="这里是图片地址比如（）"alt="这个是图片名称（当用户鼠标指到它就会出现）"/></p>
<h1><pclass="p1"><arel="external nofollow" href="这里是文章的链接（意思就是说用户点击标题后就会跳转到文章阅读页面）"target="_blank">这里是文章标题</a></p></1h>
</body>
</html>当然一个HTML网页是少不了CSS文件来控制网页样式的，如下图
如何用html制作一个网页
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>
再次保存和预览，是不是看着美观多了
如果你还想了解更多这方面的信息，记得收藏关注本站。