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

html语言静态网页设计

 发布时间：2020-09-10 19:56:48

1、HTML语言静态网页设计

想学习的话 可以找我 包学会 好的还可以推荐工作 搜一下flash路上 也可以考虑一下我们的就业套餐班 有问题hi我 我可以给你安排免费试听

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语言制作一个静态网站

so easy。。。。。

4、HTML静态网页设计问题

<body>
<div class="border">
<div class="bground"><span>LED地脚灯热销系列</span><i>[镇店之宝,谁与争疯]</i>
<div style="clear:both"></div>
</div>
</div>
<style>
.border{width:800px;height:300px;border:1px solid #ccc;}
.bground{height:20px;background:blue;margin:0px;padding:0px;line-height:20px;font-size:14px;}
.bground span{text-align:left;float:left;display:inline;}
.bground i{font-style:normal;text-align:right;float:right;display:inline;}
</sytle>
</body>
将样式当中的宽度、高度换成你自己的数值，即可。

5、怎样制作简单的静态的网页设计

你好。首先下载Dreamweaver.exe并打开，选择你使用的编辑语言，本案例用html
打开页面后，选着设计窗口，如图所示。设计窗口可以快速布局网页，不需要自己编辑代码。

打开你要设计的网页的设计图，本经验是百度经验首页为例，首先我们制作顶上的搜索条，点击插入—表格（如图所示）。打开表格属性编辑表格属性。插入1行和5列，表格宽度为1130,（即为网页的宽度），边距，间距分别为0，此表格只是为了定位，因此不设边框。

设置好表格后，可在表格里面插入你的内容，首先我们插入logo,点击插入—图像—选择你要插入的图片。点确定即可完成logo插入。表格的小大高度都可根据设计图需要调整，鼠标移到表格边框虚线即可拖拉调整高度或宽度。如图所示

接下来我们来做搜索框，点击插入—表单—插入文本域—确定。插入文本框后可点击文本框调整文本框的属性。根据设计图，文本框上班还要添加内容，因此，可选择单元格右击选择表格—拆分单元格，此处是需要添加一行的内容，因此拆分为两行，如图所示。

用同样的办法拆分上面的行，因为要添加10个选择项，因此拆分为10列（右击选中的行—拆分单元格—10列—确定）。拆分好后在小格里面添加文字内容即可。表格大小可根据步骤四调整。

接下来我们做搜索按钮，同样根据设计图要把表格拆分为两行。点击插入插入按钮的图片。

接下来给按钮添加链接，本次经验分享的是静态网页，因此在此先跟大家分享怎么直接添加按钮链接。同样是点击插入—添加超级链接,填写你事先做好的页面链接，或者其他网站链接。

剩下的内容都可根据方法步奏逐渐添加，调节细节即可完成你想要设计的网页。如图所示是上面步奏所做的静态页面，把所有做好的网页用超级链接链接起来即可做成一个简单的网站

另外我们还可以采用front page。也可以很容易的实现。
望采纳。

6、新手求HTML静态页面制作代码

首先，HTML是网页编程语言，属于解释型编程语言，不需要编译。由浏览器自带的解释器来解释程序代码的
你用Dreamweaver可以自己做的，完全图形化，很方便

如果是还要后台处理的，那仅仅只有HTML远远不够。光你这个样式还需要CSS呢

7、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>

8、学生html静态页面该如何做？(很容易哦)

对于刚开始学习网页开发的童鞋们来说，掌握了比较简单的HTML语言基础后，会迫不及待地想着手制作自己的第一个网页，然而DW等软件的安装却不尽人意。今天小编为饱受心灵摧残的童鞋们带来了福音，为大家讲解一下如何不用安装软件也能轻松建立一个HTML文件。

（下图是成品）

向左转|向右转

工具/原料

一台电脑

方法/步骤

向左转|向右转

向左转|向右转

向左转|向右转

首先，在电脑桌面新建一个记事本文件，然后打开。

向左转|向右转

接着，在里面输入HTML语言，记得开头第一行要加上<!DOCTYPE HTML>,缩进以一个“tab键”为标准，加上<html></html><head></head>这些基本标签，在里面输入内容即可。

向左转|向右转

向左转|向右转

输入完成后，点击左上角的“文件”“另存为”，在“保存类型”中选择“所有文件”。

向左转|向右转

向左转|向右转

然后将文件名更改成“XXXX.html”的格式，选择好保存的地址，点击保存。接着就生成了我们开始看到的文件。（在这里小编要说一下，之所以文件会有“360浏览器”的标志是因为小编已经默认用该浏览器打开此类文件了，这并非是固定的，可根据个人喜好设置）

向左转|向右转

打开文件后，一个最简单的网页就出现了，有标签还有内容。

向左转|向右转

最后，小编跟大家说一下，这个HTML文件是可以持续性更改的。先选中文件，然后右键，在“打开方式”里选择“记事本”。

向左转|向右转

向左转|向右转

向左转|向右转

打开记事本之后，你就可以在里面进行编辑了。修改完成之后直接点击“文件” “保存“ 就行了。最后打开文件，你会发现网页内容已经更改了。

实在不行，中国不是有某宝吗，我以前也是被搞的焦头烂额，只能找被人帮忙咯，唉，没办法。尽量找个技术行，便宜的，只能这样：网页链接

与html语言静态网页设计相关的知识