用html代码制作网页
html css制作家用商品分类页面
面代码直接放body面运行其字体宽度自改<style type="text/css">*{ margin:0px; padding:0px}dl,dd,dt{ margin:0px;}a{ text-decoration:none; font-size:12px;}.menu{ width:220px;}.menu h3{ background:#0F7CBF; line-height:35px; padding-left:20px; color:#fff;}.menu dt{ color:#1671CC; line-height:25px; padding-left:25px; background:#E4F1FA; font-size:14px; font-weight:bold;}.menu dd{ padding:10px;}.menu dd a{ color:#666666; padding:0 5px;}</style><div class="menu"> <h3>家用电器</h3> <dl> <dt>家电</dt> <dd> <a href="#">平板电视</a><a href="#">平板电视</a><a href="#">平板电视</a> <a href="#">平板电视</a><a href="#">平板电视</a><a href="#">平板电视</a> </dd> <dt>家电</dt> <dd> <a href="#">平板电视</a><a href="#">平板电视</a><a href="#">平板电视</a> <a href="#">平板电视</a><a href="#">平板电视</a><a href="#">平板电视</a> </dd> <dt>家电</dt> <dd> <a href="#">平板电视</a><a href="#">平板电视</a><a href="#">平板电视</a> <a href="#">平板电视</a><a href="#">平板电视</a><a href="#">平板电视</a> </dd> </dl></div>
方便留个q吗 这道题有需求的 百度写不了那么多
用记事本制作html网页为什么在浏览器不显示
不知道你是怎么编写的，排查这个问题可以考虑以下几个方面：1、编写时标签是否写错2、字符编码有没有问题3、编写完成后保存的文件扩展名是否为.html或.htm
用记事本写代码制作网页？
<html><head> <title>用记事本写代码制作网页</title></head><body><p STYLE="color:red;font-family:宋体;text-align:right;">第1段文字</p><p STYLE="color:blue;font-family:黑体;text-align:center;font-style:italic;"><a href="a.htm">第2段文字</a><br><img src="picture.gif" alt="图片文字说明"></p></body></html>
如何用纯html制作百度首页
首先百度首页，需要布个局，用table吧，定义一个一行十列的表格，图片在最上面，在这一行嵌入图片，即<img src="地址"横跨十列colspan="10"高度宽度居中随你设置，下面设置十列的链接，分别输入<td><a href="地址"</a>知道</td>,,下面一个一个的做，最后需要用表单，即<form><input type="text"name="text">百度一下</form>长度设置为size,,建议你去www.w3school.com很好的自学网站
html5 怎么制作响应式网页
步骤1 创建空白的HTML 5模版 首先，我们创建一个空白的模版，代码很简单，如下所示：复制代码步骤2 增加HTML 5新标签 HTML 5中新增加了不少标签，如： article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section在页面模版中，我们需要确保每个区域都能正确地对齐，因此需要使用HEADER、 NAVIGATION、 CONTENT、 SIDEBAR和Footer这些标签。代码如下所示：复制代码读者可能留意到这里使用的div id=”wrapper”，这个是稍候用来做meida query的时候调整全局CSS样式调整用的 步骤3 往HTML 5标签中增加代码 1）首先往标题中增加如下代码： Simple HTML5 Template 复制代码2）往导航标签中添加如下代码，这样很方便地构件了一个简单的页面分类导航： Home About Parent Page Child One Child Two with child Child One Child Two Child Three Child Three Contact 复制代码3）使用标签来描述每一个要展示的内容实体,比如要展示的是多篇文章列表,其中的每一篇文章的具体内容就可以使用标签了。如下代码所示： This is a title for post Richard KS 20th March 2013 Tutorials HTML5, CSS3 and Responsive 10 Comments Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s 复制代码4）添加标签 HTML5提供的元素标签用来表示当前页面或文章的附属信息部分，可以包含与当前页面或主要内容相关的引用、侧边栏、广告、nav元素组，以及其他类似的有别与主要内容的部分。根据目前的规范，元素有两种使用方法：被包含在中作为主要内容的附属信息部分，其中的内容可以是与当前文章有关的引用、词汇列表等。 在之外使用，作为页面或站点全局的附属信息部分；最典型的形式是侧边栏(sidebar)，其中的内容可以是友情链接、附属导航或广告单元等。 代码如下：Categories Category 1 Category 2 Parent Category Child One Child Two Grandchild One Grandchild Two Grandchild Three Child Three Category 3 Text Lorem Ipsum is simply dummy text of the printing and typesetting industry. 复制代码5）加上最后的标签，代码为： Copyright@ 2013 HTML5.com Privacy Policy - About Us复制代码 步骤4 增加CSS样式 首先创建一个空白的样式，如下：[/code] 然后在http://necolas.github.com/normalize.css/中下载这个css,然后将其内容复制到该空白的文件中代码如下： [code]body {font-family: arial, sans-serif;font-size: 100%; /* best for all browser using em */padding:0;margin:0;}*, html { line-height: 1.6em; }article img { width:auto; max-width:100%; height:auto; }.sidebar a, article a, header a, footer a { color: #C30; }header a { text-decoration: none; }#wrapper {font-size: 0.8em; /* 13px from 100% global font-size */max-width: 960px; /* standard 1024px wide */margin: 0 auto;}/* css for */header { padding: 1em 0; margin: 0px; float: left; width: 100%;}header hgroup { width: 100%; font-weight:normal; }/* css for */nav { display: block; margin: 0 0 2em; padding: 0px; float: left; width: 100%; background-color: #181919;}nav ul ul {display: none;}nav ul li:hover > ul {display: block;}nav ul { padding: 0; list-style: none; position: relative; display: inline-table; z-index: 9999; margin: 0px; float: left; width: 100%;}nav ul:after {content: ""; clear: both; display: block;}nav ul li {float: left;}nav ul li:hover a {color: #fff;}nav ul li a { display: block; padding: 1em; font-size: 1.125em; color: #ccc; text-decoration: none; margin: 0px; background-color: #000; border-right: 1px solid #333;}nav ul li:last-of-type a {border-right: 1px solid transparent !important;}nav ul ul { background: #5f6975; border-radius: 0px; padding: 0; position: absolute; top: 100%; width: auto; float: none;}nav ul li:hover { background: #5f6975; color: #FFF;}nav ul ul li a:hover { background-color: #4b545f;}nav ul ul li {float: none;border-bottom: 1px solid #444240;position: relative;}nav ul ul li a {padding: 0.5em 1em;font-size: 1em;width:10em;color: #fff;}nav ul ul ul {position: absolute; left: 100%; top:0;}/* css for */section.content { width: 70%; float:left; }.content article { width:100%; float:left; padding: 0 0 1em; margin: 0 0 1em; border-bottom: 1px solid #ddd; }article .entry { clear:both; padding: 0 0 1em; }h1.post-title { font-size: 1.8em; margin:0; padding:0;}.entry.post-meta { color: #888; }.entry.post-meta span { padding: 0 1em 0 0; }.entry.post-content { font-size: 1.125em; margin:0; padding:0;}/* css for */aside.sidebar { width: 25%; float:right; }aside.sidebar ul { width:100%; margin: 0px; padding: 0px; float: left; list-style: none;}aside.sidebar ul li { width:100%; margin: 0px 0px 2em; padding: 0px; float: left; list-style: none;}aside.sidebar ul li ul li { margin: 0px 0px 0.2em; padding: 0px;}aside.sidebar ul li ul li ul li { margin: 0px; padding: 0px 0px 0px 1em; width: 90%; font-size: 0.9em;}aside.sidebar ul li h3.widget-title { width:100%; margin: 0px; padding: 0px; float: left; font-size: 1.45em;}/* css for */footer { width: 98%; float:left; padding: 1%; background-color: white; margin-top: 2em;}footer .footer-left { width: 45%; float:left; text-align:left; }footer .footer-right { width: 45%; float:right; text-align:right; }复制代码步骤5 为移动应用使用@media query查询 为了进行响应式设计，最佳的方案是使用@media query去进行查询，在上面的CSS代码中添加如下代码：/* ipad 768px */@media only screen and (min-width:470px) and (max-width:770px){body { background-color: red; } #wrapper { width:96%; font-size: 0.6875em; }section.content, aside.sidebar { width:100%; }}/* iphone 468px */@media only screen and (min-width:270px) and (max-width:470px){body { background-color: yellow; } #wrapper { width:96%; font-size: 0.6875em; }section.content, aside.sidebar { width:100%; }}复制代码步骤6 增加jquery,modernizer和html5shiv到标签中 这里推荐使用Modernizr 和html5shiv，它们都是一个能在多种浏览器中通过运行各种脚本兼容运行支持大部分HTML 5标签的插件。我们将它们和jQuery库放在标签前，代码如下：0复制代码
如何用html制作网页 源代码
制作一个网页起码要用到HTML、CSS、JavaScript，PHP（ASP）等语言，如果你只是要静态无装饰页面，这就可以了123456789<!DOCTYPE html><html><head> <title></title></head><body> </body></html>
怎么在用记事本写的html网页中添加图片啊？
首先将记事本和图片放到同一个文件夹中，或者将图片放到和记事本同一个文件夹的子文件夹中，接下来就可以添加图片。比如：我的代码是<html> <head> </head> <body> <img src="biye.jpg"> <!-- 若图片在一个子文件夹下，路径设置为 src="子文件名/biye.jpg" --> </body></html>文件位置示意：html打开示意：
