网页制作html代码
怎么看网页是HTML5+CSS3做出来的
没法直接看出来，至少得看源文件（一般对网页单击右键就有相应选项，不同浏览器选项不同），分析是否使用了HTML5新增的标签主要是<video>、<audio>、<canvas>、<section>、<article>、<header>、<nav>。CSS3则需要看有没有使用CSS3新增的属性，比如“border-radius”、“text-shadow”、“transform”以及“transition”等等。想完成这些工作，要求你对HTML和CSS都有相当的了解。最后，如果网页最上方的文档声明不是”<!DOCTYPE html>“，则肯定不是HTML5。
有哪些不用编写代码就能轻松制作生成HTML5页面的工具
HTML5页面制作工具，大体分为两类：基于HTML5的网站工具和手机APP工具（当然还有一些其他的，例如基于微信公众号的等，下面也会介绍）。 先总的说一下个人感受1.基于HTML5的工具网站：功能较强大，单页面的操作性较强，可完成各种页面交互效果；但是某些时候会有操作“失灵”的现象，如上传图片失败，点击保存失败，生成失败等。原因你懂得~2.手机工具APP：相比起工具网站来讲，显得比较顺手，有大量模板套用，制作简单快捷；但是拘泥于现有的模板，使得单页面不会有较大的可操作空间，从而无法实现DIY交互效果。 下面展开说下每个使用过的工具吧基于HTML5的工具网站：【兔展】 优点：页面DIY程度较高，动效实现起来也简易方便，可制作比较任性的H5页面。缺点：屏幕界面大小不可调节，上传的图会比例失调；生成后到各尺寸屏上页面会存在拉伸现象。（此图意在说明上传的图片的尺寸都是网站自己默认的一个尺寸，不是图片本身的尺寸，不利于使用者调整）【MAKA.im】 可以具体编辑，单页操作性较高，有新手（有模板）和高阶（无模板）两种编辑模式；翻页效果比兔展多，模板也更强大一些。【居高互动刊】 优点：最简单易上手的工具之一，根据提示一步一步的添加，共4步，最后生成微杂志。相比其他在线工具，较稳定。缺点：目前没试通制作单页上的交互效果，没找到开启pro功能的入口。【ANIMATRON】 优点：像flash的在线版，功能强大，可以创建HTML5动画。适合有动画基础的人做演示制作。缺点：需要动画制作基础；工作界面响应时间长；貌似只能分享到twitter、Facebook、google+、tumblr？【iSpring 7】 噱头是PPT转HTML5工具，完美与PPT兼容，可制作Html5移动课件。不过，目前我只能连着VPN再用Safari才能打开网站链接。【秀制作】 优点：版式轻松，制作快捷，宽带稳定。缺点：对图片和文字在各种屏幕上的显示没有做很好的适配；不能对模板中文字的编辑调整位置。手机工具APP：【初页】优点：模板质量高，套用模板编辑时效率高，操作简单快捷，效果和体验在制作H5页面的APP工具里面算是出类拔萃。缺点：单页面可操作性较低，仅支持套用模板。【快邀约】快速制作邀请函优点：易上手，省时高效，便于统计。缺点：页面简陋，只能选择固有模板创建文字和添加图片。【易企秀】中小微企业的移动场景营销管家优点：套用模板，创建快捷，用来做企业介绍、产品推荐。拥有强大的推广统计、客户管理功能。嗯，这里应该赞一个。缺点：只能用模板，DIY程度低；统计数据是否准确需要进一步确认，目前看来可能有遗漏数据的现象（在小范围测试中，统计到的数量小于应有的数量）。【微贴】：通过微信公众号创建H5页面优点：手机公众号内直接创建简单页面，根据提示创建即可，无脑方便快捷。缺点：只是单页面展示，承载不了交互效果等特效和内容。 总结 工具网站做的H5页面，多注重单独页面的自定义交互方案，DIY程度高，相对来说用时较长，又受制于带宽因素，故影响操作；工具APP做的H5页面，多注重效率，目前都是套用模板，因而对单页面的DIY程度较低，交互效果受限。作为我个人而言，移动互联的新任PM，我平时常用到的是【MAKA】和【兔展】，这两个相对来说更适合半天时间来完成；如想快速制作展示页面就用【初页】，这个在功能效率与设计感方面更突出一些；组织活动、制作邀请函、分发活动通知等用【快邀约】；平时推广新产品、联络客户和招聘新人用【易企秀】。转载
html网页制作中,把图片放在左下方怎么做
用嵌套的div来相对定位：<div id="beijing" style="background-image:url(image/bg/nav_blue.gif); width:400px; height:200px;"><div style="margin-left:100px; margin-top:50px; border:#F00 solid 1px; width:80px; height:40px;"></div></div>上面是个例子下面的代码解释 ：margin-left:100px;就是距离背景层左边的距离为100像素，margin-top:50px; 就是距离背景层上边的距离为50像素；如果你想把图放到左下方的地方，就用margin-left:100px;右边的话就用margin-right:100px;代码第一行打括号的地方就是放图片链接的自己拿去再稍加琢磨，应该很快就可以搞定了！htm代码其实很容易懂的！祝你成功吧
如何用html制作网页 源代码
制作一个网页起码要用到HTML、CSS、JavaScript，PHP（ASP）等语言，如果你只是要静态无装饰页面，这就可以了123456789<!DOCTYPE html><html><head> <title></title></head><body> </body></html>
手机html网页和电脑上的html网页在制作上有什么区别
在工具上，手机版网页和电脑版网页没有什么区别，可以根据自己的喜好。我是喜欢用Dreamweaver的，而且Dreamweaver cs6有个多屏预览的功能，可以很方便的预览手机、平板、PC端的效果。不过Dreamweaver 挺大的，还有很多比较快比较好的编辑器，比如EditPlus，这还是看个人的习惯和喜好了。推荐一个编辑器sublime text，我自己觉得超好用。在代码方面的话：首先得加上这样的一行。设置宽度、高度、是否能够缩放。<meta name="viewport" content="width=device-width,inital-scale=1.0,minimum-scale=0.5,maximum-scale=2.0,user-scalable=no">然后，主要是要考虑适配。比较好的是做到自适应。这个可以搜一下，我记得月光博客里面就有篇很详细的。其次，可以用@media only screen and(min-device-width : 320px) and(max-device-width : 480px){ }来对不同像素的屏幕写不同的样式。可以看下知乎的登录页面，用的就是@media。再然后要考虑的是用户体验。简单的拿个链接来说，在PC端因为有鼠标，很容易点到。可是手机端就不一样，就几个字的链接很难点到，所以就要扩大点的面积。这就是为什么会出现电脑版的网页和手机版网页。其实做手机版的网页有个好处就是可以大量的使用HTML5和CSS3，这样能做出很多效果。对于这些的话，看附件里面的学习方法有帮助的很抱歉，回答者上传的附件已失效
简单网页代码设计
<!doctype html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题 1</title><style type="text/css">td {width: 240px; height: 240px;}.center {text-align: center;}</style></head><body><table style="width: 960px; "><tr><td colspan="4" class="center">logo<img src="" alt="logo"></td></tr><tr><td>图片<img src="" alt="图片"></td><td>图片<img src="" alt="图片"></td><td>图片<img src="" alt="图片"></td><td>图片<img src="" alt="图片"></td></tr><tr><td>图片<img src="" alt="图片"></td><td>图片<img src="" alt="图片"></td><td>图片<img src="" alt="图片"></td><td>图片<img src="" alt="图片"></td></tr><tr><td>图片<img src="" alt="图片"></td><td>图片<img src="" alt="图片"></td><td>图片<img src="" alt="图片"></td><td>图片<img src="" alt="图片"></td></tr></table></body></html>
Html网页制作，用dw做坐等代码。
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title> RunJS 演示代码 </title> <style> *{ margin:0; outline:none; } .wrap{ margin:auto; width:500px; height:450px; background-color:white; border:1px solid gray; border-radius:5px; } table{ width:100%; border-collapse:collapse; font:normal 13px '微软雅黑'; } caption{ font-size:20px; color:rgb(158, 99, 99); padding:12px; } td input[type=text]{ border:1px solid rgb(46, 128, 216); border-radius:5px; width:80%; height:25px; } tr{ line-height:50px; } td textarea{ resize:none; width:80%; height:100px; border:1px solid rgb(46, 128, 216); border-radius:5px; } tr td:first-child{ text-align:right; } td input[type=submit], td input[type=reset]{ background-color:rgb(52, 114, 143); color:white; border:0; width:75px; height:25px; border-radius:5px; cursor:pointer; margin:10px; } </style> <script> var ck = function(form){ var reg = /^\s+|\s+$/g; if(form.zt.value.replace(reg, "") == ""){ alert("请输入主题"); form.zt.focus(); return false; }else if(form.xq.value.replace(reg, "") == ""){ alert("请输入详细需求"); form.xq.focus(); return false; }else if(form.sqr.value.replace(reg, "") == ""){ alert("输入申请人"); form.sqr.focus(); return false; }else if(!/^1([38]\d|4[57]|5[0-35-9]|7[06-8])\d{8}$/.test(form.tel.value.replace(reg, ""))){ alert("联系电话不符规格"); form.tel.focus(); form.tel.select(); return false; }else if(form.num.value.replace(reg, "") == ""){ alert("输入QQ/微信号"); form.num.focus(); return false; } return true; } </script> </head> <body> <form class="wrap" onsubmit="return ck(this)"> <table> <caption> 定制申请 </caption> <tr> <td> *主题: </td> <td> <input type="text" name="zt" /> </td> </tr> <tr> <td style="vertical-align:top;"> *详细需求: </td> <td> <textarea name="xq"></textarea> </td> </tr> <tr> <td> *申请人: </td> <td> <input type="text" name="sqr" /> </td> </tr> <tr> <td> *联系电话: </td> <td> <input type="text" name="tel" /> </td> </tr> <tr> <td> *QQ/微信号: </td> <td> <input type="text" name="num" /> </td> </tr> <tr> <td colspan=2 style="text-align:center;"> <input type="submit" value="提交" /> <input type="reset" value="重填" /> </td> </tr> </table> </form> </body></html>
用HTML代码设计如下网页
12345678910111213141516171819202122232425262728293031323334353637<!DOCTYPE html><html> <head> <meta charset="GB2312"> <title>网页设计实验</title> </head> <body> <table border="1" width="100%" height="200px"> <tr> <td width="50%"> <table border="0" width="100%" height="100px"> <tr> <td style="font-size: 10px;font-family: '宋体';color: red;">宋体</td> </tr> <tr> <td align="middle" style="font-size: 14px;font-family: '微软雅黑';color: green;">微软雅黑</td> </tr> <tr> <td align="right" style="font-size: 18px;font-family: '黑体';color: blue;">黑体</td> </tr> </table> </td> <td align="middle"><img src="1.jpg" height="100px" width="100px"></td> </tr> <tr align="middle"> <td width="50%"><a href="http://www.baidu.com" style="color: #000;text-decoration: none;">点击进入百度首页</a></td> <td><a href="http://www.sina.com" target="_blank"><img src="1.jpg" height="100px" width="100px"></a></td> </tr> </table> <br /> 用户名：<input type="text" size="16"></input><br /><br /> 密 码：<input type="password" size="16"></input><br /><br /> 简 介：<textarea cols="11"></textarea><br /><br /> <input type="submit" value="提交" /> </body></html>把代码复制到文本文档中，保存为Html格式，在当前目录下放一张名字为“1.jpg”的图片就行了。
请问在网页制作中加入一条水平线的HTML代码是什么？
网页中制作一条水平线的HTML代码有很多方法可以实现。下面说几种常用的。使用html中的border属性来设置一条水平线如代码：<div style="width:500px; border:1px solid red;"></div><!--复制到html文件中就会是一条红色水平直线，线的颜色、长短、可自己调节-->使用hr标签可以制作一条水平直线如代码：<hr/><!--这个标签的涵义就是一条水平的直线，但是不灵活，现在基本没人使用！-->使用background-color来制作一条线，和border基本类似如代码：<div style="width:500px; height:1px;background-color:red;"></div><!--复制到html文件中就会是一条红色水平直线，线的颜色、长短、可自己调节-->可利用背景图来实现和background-color原理一样如代码：<div style="width:500px; height:1px;background:url(背景图的路径) repeat-x;"></div><!--复制到html文件中就会是一条红色水平直线，线的颜色、长短、可自己调节-->
