静态网页设计html文件_静态网页制作作业要HTML的简单点不要太复杂初学那种的

1、怎么制作 HTML静态网页？

教程：http://www.w3school.com.cn/index.html

2、静态网页制作作业。要HTML的，简单点，不要太复杂，初学那种的。

<html>
<head>
    <style>
        html,body{margin:0px;text-align:center;}
        .main{width:1000px;margin:0px auto;padding-top:30px;}
        .title{font-size:18px;text-decoration:underline;font-weight:bold;}
        .formtable{width:100%;font-size:12px;margin-top:20px;}
        .lefttd{width:350px;text-align:right;}
        .righttd{text-align:left;}
        .etxt{width:300px;}
        .etel{width:200px;}
        .eta{width:320px;height:100px;}
.cinpt{text-align:center;padding-top:20px;}
    </style>
</head>
<body>
    <div class="main">
        <div><span class="title">请留下个人资料</span></div>
        <div>
            <table class="formtable">
                <tr><td class="lefttd">姓名：</td><td class="righttd"><input type="text" /></td></tr>
                <tr><td class="lefttd">E-mail：</td><td class="righttd"><input type="text" class="etxt" /></td></tr>
                <tr><td class="lefttd">电话：</td><td class="righttd"><input type="text" class="etel" /></td></tr>
                <tr><td class="lefttd">性别：</td><td class="righttd"><input type="radio" checked="checked" name="rd" />女 <input type="radio" checked="checked" name="rd" />男</td></tr>
                <tr><td class="lefttd">年龄：</td><td class="righttd"><select><option>20以下</option><option>20以上</option></select></td></tr>
                <tr><td class="lefttd">留言板：</td><td class="righttd"><textarea class="eta"></textarea></td></tr>
                <tr><td class="lefttd">您的爱好：</td><td class="righttd"><input type="checkbox" name="cb1" />运动 <input type="checkbox" name="cb2" />阅读 <input type="checkbox" name="cb2" />听音乐 <input type="checkbox" name="cb2" />旅游</td></tr>
<tr><td colspan="2" class="cinpt"><input type="button" value="提交" /></td></tr>
</table>
        </div>
    </div>
</body>
</html>

初学的，那上面这段代码应该可以了

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

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

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

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

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

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

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

4、html静态网页怎么制作啊

<html><head><title>我的网页</title></head><body>我的网页</body></html>

最最基本的HTML，把他复制下来粘贴到记事本，然后把记事本的后缀改成html.

5、如何制作静态网页

有种最简单的方法，最多十分钟就搞定一页：一，用DW软件，打开-插入-表格-（这里您已经有了要作一个什么样网页的大致想法）几行，几列。宽度要在1000为好，这样下面就会出现一个导航条，边界设置为0。如：插入表格为1行3列-确定。在用鼠标点击第一空格，插入-图片，寻找您要插入图片的位置，确定（或保存），然后在用鼠标点击第二个空格，插入。。。。等。以此类推。然后再用鼠标点击您刚才插入表格的下沿。重复您刚才的动作——插入-表格。几行几列要根据您对页面的构思而定。如果要在空格里插入文章，一定要把文章的格式转换成纯Word文档，后缀为.doc

6、静态网页制作

方法/步骤

1、新建一个txt文本文档，先不要急着修改文件后缀名，有基础的朋友手动输入HTML代码，不会也没有关系，百度搜索“网页HTML代码”。
代码：
<!Doctype html>
<html>
<head>
<title>静态网页制作教程</title>
<meta charset="gbk" />
<link href="css.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
</body>
</html>

2、基础的静态网页代码写出来了，下面在<body></body>中间添加网页需要的数据内容（文字、图片、表格、视频等），然后将txt文本文档的后缀名.txt修改为.html。现在点击打开看看效果！小编在body中间加入的文字：静态网页制作教程。

3、这样的文字太单调了，需要用CSS样式定义，小编在桌面上新建一个文件夹“web”，把index.html文件放进去，然后在web文件件里面新建一个txt文本文档，修改为“css.css”。

4、使用鼠标右键“打开方式”，选择txt文本文档编辑css.css文件。用CSS定义网页字体大小12像素，网页背景色为红色，字体颜色为白色。
代码：
body{font-size:12px;background:red;color:white}
保存，然后打开web文件夹中的index.html文件，查看效果。

5、下面在web文件下面新建一个images文件夹，然后打开软件Fireworks，设计自己需要的图片（没有就去百度搜索自己需要的图片，使用QQ截图功能，截取自己需要的图片），把设计好的图片存入web文件夹下面的images文件夹里面。现在我们在body中放入图片，让图片在网页里面居中。
代码：
<div align="center">
<img src="images/pic.png" alt="logo" title="静态网页制作教程" />
</div>
把上面的代码放入index.html的body中，保存后打开看看效果！
小编在这里省略了表格和视频的制作，小伙伴不知道的话，可以百度搜索一下。
整个简单的静态网页制作完毕。

导航:首页 > 万维百科 > 静态网页设计html文件

静态网页设计html文件

与静态网页设计html文件相关的知识