html做一个网页设计_用html如何制作一个简单的网页代码

1、用最常用的HTML标签制作一个页面？

<! html>
<html>
<head>
<meta charset="utf-8">
<title>新闻中心</title>
<style>
*{padding: 0;margin: 0;border: 0}
.left{width: 40%;float: left;margin: 5%}
.right{width: 40%;float: right;margin: 5%}
h2{color: #e52e24}
ul{margin: 5% 0 2% 0;list-style-type:none;}
ul li{margin-bottom: 10px;border-bottom:1px dashed #d4d4d4}
ul a{text-decoration:none;color: black}
ul a span{float: right}
.message-div{margin-top: 5%}
.message-div input{width: 45%;margin: 1%;float: left;height: 2rem;border: 1px solid #d4d4d4;padding-left: 5px}
.message-div img{width: 20%;height: 40px}
.message-div textarea{border: 1px solid #d4d4d4;width: 90%;margin: 1%;padding: 2%}
.foot{width: 94%;padding: 1%}
.foot b{font-size: 14px;}
.foot span{color: #e52e24;font-size: 14px}
.foot button{color: white;background-color: #e52e24;float: right;width: 100px;height: 30px}
</style>
</head>

<body>
<div class="left">
<h3>NEWS</h3>
<h2>新闻中心</h2>
<ul>
<li><a href="
<li><a href="
<li><a href="
<li><a href="
<li><a href="
<li><a href="
<li><a href="
<li><a href="
<li><a href="
<li><a href="
</ul>
<i>VIEW MORE</i>
</div>
<div class="right">
<h3>MESSAGE</h3>
<h2>在线留言</h2>
<div class="message-div">
<input type="text" placeholder="你的称呼">
<input type="email" placeholder="你的邮箱">
<input type="text" maxlength="11" oninput = "value=value.replace(/[^\d]/g,'')" placeholder="你的电话">
<input type="text" maxlength="4" placeholder="验证码" style="width: 20%">
<img src="
<textarea rows="13" cols="40" placeholder="您的需求描述？"></textarea>
</div>
<div class="foot"><b>您也可以发送您的需求至邮箱：</b><span>[email protected]</span><button>提交</button></div>
</div>
</body>
</html>

2、用html如何制作一个简单的网页代码？

1、首先，在计算机桌面上创建一个新文件夹，然后在该文件夹中创建一个新的文本文档。

2、然后双击打开带有记事本的文本文档，如下图所示，我们编写一个简单的html代码。

3、单击“另存为”的功能选项，显示默认保存为编码为ANSI。

4、我们将更改编码和文件名，将其更改为如图所示的图像并保存。

5、然后返回到新创建的文件夹，发现有一个额外的html文件。

6、最后，使用浏览器打开html文件，效果如图所示，简单的网页被成功编写。

3、如何用HTML5制作网页

html5标签掌握了，从上到下从左到右，标签合理使用，先把框架搭好，再结合css3做效果，先花时间把html5 css3看两遍，再看网页设计html5制作教程就ok了

当然这只是最简单的

4、如何制作HTML页面

1、首先我们需要在桌面上，新建一张记事本

2、然后我们需要打开记事本，编写代码

3、然后我们需要把记事本修改后缀名为.html

4、然后我们需要在桌面上就会有一张网页，这一点很重要。

5、最后我们需要需要在浏览器上运行该网页

5、如何用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>
再次保存和预览，是不是看着美观多了

6、如何制作一个html的网页

我也是从别人的帖子上看到的，借花献佛

先从最简单的 HTML 网页入手；选择 Dreamweaver 4.0MX Fireworks 4.0 MX Flash 5.0 MX 俗称三剑客网页工具。图象还须 Photoshop 等作为你的网页制作工具；制作前，粗略地阅读 Dreamweaver Fireworks 及 Photoshop 教程，了解这几个软件到底能做些什么；制作你的第一个实验性的网站，遇到困难，可买本《新编网页制作》的书，找最新版本的，新华书店就有。资料网上也有的是，如果遇到问题难以解决，请将问题提出，让更多高手为你解答；初级阶段：应初步掌握三剑客网页工具的基本操作：策划和制作你的第一个网站；不断为你的网站增加内容与功能（例如尝试将一些 Java Script 小程序添加到你的网页中。进阶阶段：具有一定的网页制作经验，制作一般的网页已经不在话下：根据个人喜好及实际需要，网页制作的方向，你可以学习一些美术方面的知识；锻炼自己在网站策划及信息采辑的技能；尝试制作其他不同类型的网站，从模仿别人开始，逐渐形成自己的设计风格；熟练操作三剑客网页工具，并至少能读懂 HTML 及 JavaScript的简单语言。好了！这样，你的网页制作水平就离高手就不远了。祝你成功！

另外还有
（一）主页的制作：
1、首先进入需要制作网页后，密码进入点击制作网页；
2、进入在线编辑；
3、起动浏览器；
4、进入其他人网页主页；
5、点击其他人网页内容；
6、点击右键出复制；
7、内容编辑（下面）；
8、点击左键粘贴；
9、修改不合适内容；
10、选颜色；
11、输入文件名；index
12、点击完成；
（二）怎样进行超级连接？
一、相对连接：（内部连接）
第一步：先进入进入成员专区，打开网页制作系统；
第二步：如果是连接你本网页著作系统已上传的文件，首先打开需要被连接的文件，点地址栏，变为兰色，再点右键点复制；
第三步：进入第一页（主页）改内容，找到原先设定的目录选中此目标；
第四步：点插入连接，出现对话框，点右键点粘贴，再点OK
第五步：选中背景颜色，点击完成即可。

二、绝对连接：（外部连接）
其他文件（本硬盘已存或别人网站等）怎样进行超级连接？
其他步骤基本相同唯一不同的是：首先选中你所存硬盘或别人网站地址栏内的目录。
（三）怎样把照片搬到自己的网页上
一、上传选择法：
1、先把要般的相片存在软盘上，（非中文文件名）
2、上传到40兆空间
3、打开网页制作改内容，
4、指定放相片的位置，
5、按插入相片按钮，点“选择”;
6、选背景颜色，按完成。
二、复制粘贴法：
1、选择相片右键点“复制”，
2、进入网页改内容指定位置，
3、点击“粘贴”即可。
动画的提取大体与上相同。

导航:首页 > 万维百科 > html做一个网页设计

html做一个网页设计

与html做一个网页设计相关的知识