中文源码网欢迎您！ 会员登录 会员注册 发布自媒体 发布模版 发布源码 发布模版 发布酷站
推荐源码常用源码帮助中心

Python语言技术文档

微信小程序技术文档

php语言技术文档

jsp语言技术文档

asp语言技术文档

C#/.NET语言技术文档

html5/css技术文档

javascript

点击排行

您现在的位置：首页 > 技术文档 > html5

HTML 30分钟入门教程

来源：中文源码网    浏览：243 次    日期：2024-04-29 04:51:45
【下载文档:  HTML 30分钟入门教程.txt 】

HTML 30分钟入门教程
运行下面的代码就可以了
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
HTML 30分钟入门教程
h1 {text-align:center}
p {text-indent:2em; line-height:140%; margin:auto 10px}
span {margin:3px}
.code { border:solid 1px gray; background-color:#eee}
.name { font-weight:bold }
dl {margin-left:20px}
dt {font-weight:bold}
.trans {color:red}

HTML 30分钟入门教程
作者：deerchao 来源:unibetter大学生社区 转载请注明来源
本文目标
30分钟内让你明白HTML是什么，并对它有一些基本的了解。一旦入门后，你可以从网上找到更多更详细的资料来继续学习。
什么是HTML
HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写，它规定了自己的语法规则，用来表示比"文本"更丰富的意义，比如图片，表格，链接等。浏览器（IE,FireFox等）软件知道HTML语言的语法，可以用来查看HTML文档。目前互联网上的绝大部分网页都是使用HTML编写的。
HTML是什么样的
简单地来说，HTML的语法就是给文本加上表明文本含义的标签(Tag)，让用户（人或程序）能对文本得到更好的理解。
下面是一个最简单的HTML文档：


第一个Html文档


欢迎访问Unibetter大学生社区!


所有的HTML文档都应该有一个标签，标签可以包含两个部分:和。
标签用于包含整个文档的一般信息，比如文档的标题（标签用于包含标题），对整个文档的描述，文档的关键字等等。文档的具体内容就要放在<body>标签里了。<br/><a>标签用于表示链接，在浏览器（如IE,Firefox等）中查看HTML文档时，点击<a>标签括起来的内容时，通常会跳转到另一个页面。这个要跳转到的页面的地址由<a>标签的href属性指定。上面的<a href="http://www.unibetter.com">中，href属性的值就是http://www.unibetter.com。<br/>HTML文档可以包含的内容<br/>通过不同的标签，HTML文档可以包含不同的内容，比如文本，链接，图片，列表，表格，表单，框架等。<br/>文本<br/>HTML对文本的支持是最丰富的，你可以设置不同级别的标题，分段和换行，可以指定文本的语义和外观，可以说明文本是引用自其它的地方，等等等等。<br/>链接<br/>链接用来指出内容与另一个页面或当前页面某个地方有关。<br/>图片<br/>图片用于使页面更加美观，或提供更多的信息。<br/>列表<br/>列表用于说明一系列条目是彼此相关的。<br/>表格<br/>表格是按行与列将数据组织在一起的形式。也有不少人使用表格进行页面布局。<br/>表单<br/>表单通常由文本输入框，按钮，多选框，单选框，下拉列表等组成，使HTML页面更有交互性。<br/>框架<br/>框架使页面里能包含其它的页面。<br/>HTML文档格式详细说明<br/>前面介绍了HTML文档的基本格式，下面再做一个详细说明。<br/>HTML文档可以用任何文本编辑器（比如记事本，UltraEdit等）创建，编辑，因为它的内容在本质也只是一些文本。<br/>在HTML文本中，用尖括号括起来的部分称为标签。如果想在正文里使用尖括号（或者大与号小与号，总之是同一个东西），必须使用字符转义，也就是说转换字符的原有意义。<应该使用<代替，>则使用>，至于&符号本身,则应该使用&替代（不得不说的是有很多HTML文档没有遵循这个规则，常用的浏览器也都能够分析出&到底是一个转义的开始，还是一个符号，但是这样做是不推荐的）。<br/>标签本质上是对它所包含的内容的说明，可能会有属性，来给出更多的信息。比如<img>（图片）标签有src属性（用于指明图片的地址），width和height属性（用于说明图片的宽度和高度）。HTML里能使用哪些标签，这些标签分别可以拥有哪些属性，这些都是有规定的，知道了这里说的基本知识之后，学习HTML其实也就是学习这些标签了。本文后面会对常用的HTML标签做出简短的介绍。<br/>标签通常有开始部分和结束部分（也被称为开始标签和结束标签），它们一起限定了这个标签所包含的内容。属性只能在开始标签中指定，属性值可以用单引号或双引号括起来。结束标签都以/加上标签名来表示。有时候，有些标签并不包含其它内容（只包括自己的属性，甚至连属性都没有），这种情况下，可以写成类似这样：<img src="logo.gif" />。注意最后的一个空格和一个反斜杠，它说明这个标签已经结束，不需要单独的结束标签了。<br/>某些标签包含的内容中还可以有新的标签，新的标签名甚至可能还可以与包含它的标签的名称相同（哪些标签可以包含标签，可以包含哪些标签也是有规定的）。比如：<br/><div><br/><div>分类目录...</div><br/><div>当前分类内容列表...</div><br/></div><br/>在这种情况下，最后出现的标签应该最先结束。<br/>HTML文档里所有的空白符（空格，Tab，换行，回车）会被浏览器忽略，唯一的例外是空格，对空格的处理方式是所有连续的空格被当成一个空格，不管有一个，还是两个，还是100个。之所以有这样的规则是因为忽略空白符能让使用HTML的作者以他觉得最方便的格式来排列内容，比如可以在每个标签开始后增加缩进，标签结束后减少缩进。由于英语文本中空格用得很普遍（用于分隔单词），所以对空格做了这样的特殊处理。如果要显示连续的空格（比如为了缩进），应该用 来代表空格。<br/>常用标签介绍<br/>文本<br/>最常用的标签可能是<font>了，它用于改变字体，字号，文字颜色。<br/><font size="6">6</font><br/><font size="4">4</font><br/><font color="red" size="5">红色的5</font><br/><font face="黑体">黑体的字</font><br/>加粗，下划线，斜体字也是常用的文字效果，它们分别用<b>,<u>,<i>表示：<br/><b>Bold</b><br/><i>italic</i><br/><u>underline</u><br/>还有一些标签，用来指出包含的文本有特殊的意义，比如<abbr>（表示缩写），<em>（表示强调），<strong>（表示更强地强调）,<cite>（表示引用），<address>（表示地址）等等。这些标签不是为了定义显示效果而存在的，所以从浏览器里看它们可能没有任何效果，也可能不同的浏览器对这些标签的显示效果完全不同。<br/>一篇很长的文章，如果有合适的小标题的话，就可以快速地对它的内容进行大致的了解。在HTML里，用来表示标题的标签有：<h1>,<h2>,<h3>,<h4>,<h5>,<h6>，它们分别表示一级标题，二级标题，三级标题...<br/><h1>HTML 30分钟教程</h1><br/><h2>什么是HTML</h2><br/>...<br/><h2>HTML是什么样的</h2><br/>...<br/>图片<br/><hr>标签用于在页面上添加横线。可以通过指定width和color属性来控制横线的长度和颜色。<br/><hr width="90%" color="red" /><br/><img>标签用于在页面上添加图片，src属性指定图片的地址，如果无法打开src指定的图片，浏览器通常会在页面上需要显示图片的地方显示alt属性定义的文本。<br/><img src="http://www.w3.org/Icons/valid-xhtml10" alt="图片简介" /><br/>链接<br/>超级链接用<a>标签表示，href属性指定了链接到的地址。<a>标签可以包含文本，也可以包含图片。<br/><a href="http://www.unibetter.com/forums/">Unibetter大学生论坛</a><br/><a href="http://validator.w3.org"><img src="http://www.w3.org/Icons/valid-xhtml10" alt="验证HTML" /></a><br/>分段与换行<br/>由于HTML文档会忽略空白符，所以要想保证正常的分段换行的话，必须指出哪些文字是属于同一段落的，这就用到了标签<p>。<br/><p>这是第一段。</p><br/><p>这是第二段。</p><br/>也有人不用<p>，而用<br>。<br>只表示换行，不表示段落的开始或结束，所以通常没有结束标签。<br/>这是第一段。<br><br/>这是第二段。<br /><br/>这是第三段。<br/>有时，要把文档看作不同的部分组合起来的，比如一个典型的页面可能包括三个部分：页头，主体，页脚。<div>标签专门用于标明不同的部分：<br/><div>页头内容</div><br/><div>主体内容</div><br/><div>页脚内容</div><br/>表格<br/>HTML文档在浏览器里通常是从左到右，从上到下地显示的，到了窗口右边就自动换行。为了实现分栏的效果，很多人使用表格（<table>）进行页面排版（虽然HTML里提供表格的本意不是为了排版）。<br/><table>标签里通常会包含几个<tr>标签，<tr>代表表格里的一行。<tr>标签又会包含<td>标签，每个<td>代表一个单元格。<br/><table><br/><tr><br/><td>2000</td><td>悉尼</td><br/></tr><br/><tr><br/><td>2004</td><td>雅典</td><br/></tr><br/><tr><br/><td>2008</td><td>北京</td><br/></tr><br/></table><br/><tr>标签还可以被<table>里的<thead>或<tbody>或<tfoot>包含。它们分别代表表头，表正文，表脚。在打印网页的时候，如果表格很大，一页打印不完，<thead>和<tfoot>将在每一页出现。<br/><th>和<td>非常相似，也用在<tr>里边，不同的是<th>代表这个单元格是它所在的行或列的标题。<br/><table><br/><thead><br/><tr><th>时间</th><th>地点</th></tr><br/></thead><br/><tbody><br/><tr><td>2000</td><td>悉尼</td></tr><br/><tr><td>2004</td><td>雅典</td></tr><br/><tr><td>2000</td><td>北京</td></tr><br/></tbody><br/></table><br/>列表<br/>表格用于表示二维数据（行，列），一维数据则用列表表示。列表可以分为无序列表（<ul>），有序列表（<ol>）和定义列表（<dl>）。前两种列表更常见一些，都用<li>标签包含列表项目。<br/>无序列表表示一系列类似的项目，它们之间没有先后顺序。<br/><ul><br/><li>苹果</li><br/><li>桔子</li><br/><li>桃</li><br/></ul><br/>有序列表中各个项目间的顺序是很重要的，浏览器通常会自动给它们产生编号。<br/><ol><br/><li>打开冰箱门</li><br/><li>把大象赶进去</li><br/><li>关上冰箱门</li><br/></ol><br/>框架<br/>最后谈一下框架，曾经非常流行的技术，框架使一个窗口里能同时显示多个文档。主框架页里面没有<body>标签，取代它的是<frameset>。<br/><frameset>标签的属性Rows和Cols用于指定框架集(frameset)里有多少行（列），以及每行（列）的高度（宽度）。<br/><frameset>标签可以包含<frame>标签，每个<frame>标签代表一个文档（src属性指定文档的地址）。<br/>如果觉得这样的页面还不够复杂的话，还可以在<frameset>标签里包含<frameset>标签。<br/><frameset rows="15%,*"><br/><frame src="top.html" name=title scrolling=no><br/><frameset cols="20%,*"><br/><frame src="left.html"<br/>name=sidebar><br/><frame src="right.html"<br/>name=recipes><br/></frameset><br/></frameset><br/>30分钟以后怎么办<br/>这篇文章只是让从没有接触过HTML的人对HTML有个初步的印象，所以很多东西都没有谈到。本文并没有列出HTML中所有的标签，对于列出的标签也没有介绍它们的全部属性。另外，没有提到的东西里还包括我觉得非常重要的CSS,<br/>JavaScript, XHTML, XML, Web Standards，以及它们与HTML的关系。不过这些也不太可能在30分钟内学会，好在只要入了门，就能利用网上很多资源继续学习。当然，如果有一本纸质书，就更好了，这方面我推荐<<HTML与XHTML权威指南>>。下面是一些我觉得不错的网上资源：<br/>HTML语言参考（英文）<br/>HTML教程<br/>一些我认为你可能已经知道的术语的参考<br/>文本<br/>文字<br/>文档<br/>文件，通常指内容是数据（而不是程序）的文件<br/>[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] <!--#include file="web/createerweima.jishuwendang.asp"--> </div> <div class=powered> <dt class="title-link"> <p><b>上一篇：</b><a href='/jishuwendang/class40/8683.html'>html label标签的使用教程</a></p> <p><b>下一篇：</b><a href='/jishuwendang/class40/8681.html'>HTML <!DOCTYPE> 标签</a></p> </dt><div class="share"><div class="bdsharebuttonbox"><a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a><a href="#" class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a></div> <script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"32"},"share":{},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["weixin","sqq","qzone","tsina"]}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script></div></div> </div> <!-- <div class="rinfo"> <div class="box-header"><h4 style="float:left;width:200px">精彩推荐</h4></div> <div style="float:left;margin:10px;padding:10px 0px;"> <script src="/file/js/jishuwendangdetails.right.tuijian.js"></script> </div> </div> --> <div class="rinfo"> <div class="box-header"><h4 style="float:left;width:200px">相关内容</h4></div> <div class="news_link" style="height:1500px"> <ul> <li>• <a href="/jishuwendang/class40/8990.html" title="_blank开新窗口不符合标准_" target="_blank">_blank开新窗口不符合标准_</a></li> <li>• <a href="/jishuwendang/class40/8989.html" title="(X)HTML Strict 下的嵌套规则" target="_blank">(X)HTML Strict 下的嵌套规则</a></li> <li>• <a href="/jishuwendang/class40/8988.html" title="!important在ie7.0的hack方法" target="_blank">!important在ie7.0的hack方法</a></li> <li>• <a href="/jishuwendang/class40/8987.html" title="做网页字体大小参考 网页中同字号字体的不同单位对比列表" target="_blank">做网页字体大小参考 网页中同字号字体的不同单位对比列表</a></li> <li>• <a href="/jishuwendang/class40/8986.html" title="做网页经常要注意的常识 整理收集" target="_blank">做网页经常要注意的常识 整理收集</a></li> <li>• <a href="/jishuwendang/class40/8985.html" title="自定义容器和字体大小" target="_blank">自定义容器和字体大小</a></li> <li>• <a href="/jishuwendang/class40/8984.html" title="自定义标签实现圆角边框" target="_blank">自定义标签实现圆角边框</a></li> <li>• <a href="/jishuwendang/class40/8983.html" title="资料：Unicode 汉字内码对应表第1_5页" target="_blank">资料：Unicode 汉字内码对应表第1_5页</a></li> <li>• <a href="/jishuwendang/class40/8982.html" title="转载未知大小的图片在一个已知大小容器中的水平和垂直居中（二）" target="_blank">转载未知大小的图片在一个已知大小容器中的水平和垂直居中（二）</a></li> <li>• <a href="/jishuwendang/class40/8981.html" title="转载：On having layout" target="_blank">转载：On having layout</a></li> <li>• <a href="/jishuwendang/class40/8980.html" title="找到html标记对应的脚本属性" target="_blank">找到html标记对应的脚本属性</a></li> <li>• <a href="/jishuwendang/class40/8979.html" title="怎样管理好样式" target="_blank">怎样管理好样式</a></li> <li>• <a href="/jishuwendang/class40/8978.html" title="怎么让表格为固定大小，超出的部分显示为省略号" target="_blank">怎么让表格为固定大小，超出的部分显示为省略号</a></li> <li>• <a href="/jishuwendang/class40/8977.html" title="怎么改善现有网站" target="_blank">怎么改善现有网站</a></li> <li>• <a href="/jishuwendang/class40/8976.html" title="在线ASC码查询" target="_blank">在线ASC码查询</a></li> <li>• <a href="/jishuwendang/class40/8975.html" title="在解决ul居中问题时想到的几点" target="_blank">在解决ul居中问题时想到的几点</a></li> <li>• <a href="/jishuwendang/class40/8974.html" title="在iframe中隐藏横向滚动条的方法大全" target="_blank">在iframe中隐藏横向滚动条的方法大全</a></li> <li>• <a href="/jishuwendang/class40/8973.html" title="元素水平居中方案全集" target="_blank">元素水平居中方案全集</a></li> <li>• <a href="/jishuwendang/class40/8972.html" title="有关于IE8 Beta 1两个提醒" target="_blank">有关于IE8 Beta 1两个提醒</a></li> <li>• <a href="/jishuwendang/class40/8971.html" title="有衬线字体与无衬线字体比较" target="_blank">有衬线字体与无衬线字体比较</a></li> <li>• <a href="/jishuwendang/class40/8970.html" title="用滑动门技术设计按钮的图文教程" target="_blank">用滑动门技术设计按钮的图文教程</a></li> <li>• <a href="/jishuwendang/class40/8969.html" title="用户体验第一 font-size放弃px选择em" target="_blank">用户体验第一 font-size放弃px选择em</a></li> <li>• <a href="/jishuwendang/class40/8968.html" title="用好href的target属性" target="_blank">用好href的target属性</a></li> <li>• <a href="/jishuwendang/class40/8967.html" title="用javascript来控制 链接的target 属性的代码" target="_blank">用javascript来控制 链接的target 属性的代码</a></li> <li>• <a href="/jishuwendang/class40/8966.html" title="用iframe margin实现调用其他网页的某一区域的方法" target="_blank">用iframe margin实现调用其他网页的某一区域的方法</a></li> <li>• <a href="/jishuwendang/class40/8965.html" title="用&amp;lt;TABLE&amp;gt;语句来实现圆角表格可以省去制作圆角图片之苦！" target="_blank">用&amp;lt;TABLE&amp;gt;语句来实现圆角表格可以省去制作圆角图片之苦！</a></li> <li>• <a href="/jishuwendang/class40/8964.html" title="用!important解决IE和Mozilla的布局差别" target="_blank">用!important解决IE和Mozilla的布局差别</a></li> <li>• <a href="/jishuwendang/class40/8963.html" title="应用WEB标准实例：列表页面的制作" target="_blank">应用WEB标准实例：列表页面的制作</a></li> <li>• <a href="/jishuwendang/class40/8962.html" title="以图换字的几个方法及思路" target="_blank">以图换字的几个方法及思路</a></li> <li>• <a href="/jishuwendang/class40/8961.html" title="一些不标准的东西，不过还是有点用处" target="_blank">一些不标准的东西，不过还是有点用处</a></li> <li>• <a href="/jishuwendang/class40/8960.html" title="一个老外弄的Clearing floats(清除浮动的方法)" target="_blank">一个老外弄的Clearing floats(清除浮动的方法)</a></li> <li>• <a href="/jishuwendang/class40/8959.html" title="一个导航条布局的简单写法" target="_blank">一个导航条布局的简单写法</a></li> <li>• <a href="/jishuwendang/class40/8958.html" title="页面遮罩层，并且阻止页面body滚动。bootstrap模态框原理" target="_blank">页面遮罩层，并且阻止页面body滚动。bootstrap模态框原理</a></li> <li>• <a href="/jishuwendang/class40/8957.html" title="页面布局黄金比例[图片]" target="_blank">页面布局黄金比例[图片]</a></li> <li>• <a href="/jishuwendang/class40/8956.html" title="页里面 CDATA的作用说明" target="_blank">页里面 CDATA的作用说明</a></li> <li>• <a href="/jishuwendang/class40/8955.html" title="学习小实例--滚动条的简单实现" target="_blank">学习小实例--滚动条的简单实现</a></li> <li>• <a href="/jishuwendang/class40/8954.html" title="学习标准——笔记" target="_blank">学习标准——笔记</a></li> <li>• <a href="/jishuwendang/class40/8953.html" title="小三角的做法与使用" target="_blank">小三角的做法与使用</a></li> <li>• <a href="/jishuwendang/class40/8952.html" title="详解链接的rel与target区别" target="_blank">详解链接的rel与target区别</a></li> <li>• <a href="/jishuwendang/class40/8951.html" title="详解IE6中的position：fixed问题与随滚动条滚动的效果" target="_blank">详解IE6中的position：fixed问题与随滚动条滚动的效果</a></li> <li>• <a href="/jishuwendang/class40/8950.html" title="相对路径与绝对路径的区别" target="_blank">相对路径与绝对路径的区别</a></li> <li>• <a href="/jishuwendang/class40/8949.html" title="无边框表格" target="_blank">无边框表格</a></li> <li>• <a href="/jishuwendang/class40/8948.html" title="我的一些关于web标准的思考笔记（一）" target="_blank">我的一些关于web标准的思考笔记（一）</a></li> <li>• <a href="/jishuwendang/class40/8947.html" title="文本修改留痕" target="_blank">文本修改留痕</a></li> <li>• <a href="/jishuwendang/class40/8946.html" title="未知大小图片在容器的垂直和水平居中问题" target="_blank">未知大小图片在容器的垂直和水平居中问题</a></li> <li>• <a href="/jishuwendang/class40/8945.html" title="为什么要建立web标准与web标准的好处" target="_blank">为什么要建立web标准与web标准的好处</a></li> <li>• <a href="/jishuwendang/class40/8944.html" title="为了防止乱码，请将用于页面编码的meta charset放到title的前面" target="_blank">为了防止乱码，请将用于页面编码的meta charset放到title的前面</a></li> <li>• <a href="/jishuwendang/class40/8943.html" title="微软终于对网页三剑客下手了" target="_blank">微软终于对网页三剑客下手了</a></li> <li>• <a href="/jishuwendang/class40/8942.html" title="网站制作之网页技巧" target="_blank">网站制作之网页技巧</a></li> <li>• <a href="/jishuwendang/class40/8941.html" title="网站首页head区代码规范" target="_blank">网站首页head区代码规范</a></li> <li>• <a href="/jishuwendang/class40/8940.html" title="网页中英文混排行高不等问题的解决方法" target="_blank">网页中英文混排行高不等问题的解决方法</a></li> <li>• <a href="/jishuwendang/class40/8938.html" title="网页中关闭IE的图像工具栏和XP主题" target="_blank">网页中关闭IE的图像工具栏和XP主题</a></li> <li>• <a href="/jishuwendang/class40/8937.html" title="网页中Span和Div的区别" target="_blank">网页中Span和Div的区别</a></li> <li>• <a href="/jishuwendang/class40/8936.html" title="网页使用Google Font API（字体）的方法" target="_blank">网页使用Google Font API（字体）的方法</a></li> <li>• <a href="/jishuwendang/class40/8935.html" title="网页设计中色彩搭配的内涵" target="_blank">网页设计中色彩搭配的内涵</a></li> <li>• <a href="/jishuwendang/class40/8934.html" title="网页设计中的 serif 和 sans-serif字体应用" target="_blank">网页设计中的 serif 和 sans-serif字体应用</a></li> <li>• <a href="/jishuwendang/class40/8933.html" title="网页设计者需要了解的_网页字体大小数据参考" target="_blank">网页设计者需要了解的_网页字体大小数据参考</a></li> <li>• <a href="/jishuwendang/class40/8932.html" title="网页设计布局基础第1_4页" target="_blank">网页设计布局基础第1_4页</a></li> <li>• <a href="/jishuwendang/class40/8931.html" title="网页美工制作规范" target="_blank">网页美工制作规范</a></li> <li>• <a href="/jishuwendang/class40/8930.html" title="网页绿色系配色应用实例图文第1_2页" target="_blank">网页绿色系配色应用实例图文第1_2页</a></li> <li>• <a href="/jishuwendang/class40/8929.html" title="网页打开新窗口target=_blank不符合标准" target="_blank">网页打开新窗口target=_blank不符合标准</a></li> <li>• <a href="/jishuwendang/class40/8928.html" title="网页布局设计的标准尺寸" target="_blank">网页布局设计的标准尺寸</a></li> <li>• <a href="/jishuwendang/class40/8927.html" title="完美实现浮动元素横排居中显示" target="_blank">完美实现浮动元素横排居中显示</a></li> <li>• <a href="/jishuwendang/class40/8925.html" title="推荐三种简洁的Tab导航（网页选项卡）简析" target="_blank">推荐三种简洁的Tab导航（网页选项卡）简析</a></li> <li>• <a href="/jishuwendang/class40/8924.html" title="推荐个不错的表单Input的高级用法11例" target="_blank">推荐个不错的表单Input的高级用法11例</a></li> <li>• <a href="/jishuwendang/class40/8923.html" title="凸起的按钮效果" target="_blank">凸起的按钮效果</a></li> <li>• <a href="/jishuwendang/class40/8922.html" title="同一个页面用多个id有什么影响" target="_blank">同一个页面用多个id有什么影响</a></li> <li>• <a href="/jishuwendang/class40/8921.html" title="调用265天气预报，不显示链接" target="_blank">调用265天气预报，不显示链接</a></li> <li>• <a href="/jishuwendang/class40/8920.html" title="提高网页效率的14条注意事项图文第1_3页" target="_blank">提高网页效率的14条注意事项图文第1_3页</a></li> <li>• <a href="/jishuwendang/class40/8919.html" title="提高网页的效率 Use YSlow to know why your web Slow第1_2页" target="_blank">提高网页的效率 Use YSlow to know why your web Slow第1_2页</a></li> <li>• <a href="/jishuwendang/class40/8918.html" title="探讨vertical-align应用" target="_blank">探讨vertical-align应用</a></li> <li>• <a href="/jishuwendang/class40/8917.html" title="谈谈网页设计中的字体应用Font Set" target="_blank">谈谈网页设计中的字体应用Font Set</a></li> <li>• <a href="/jishuwendang/class40/8916.html" title="双表法调用样式表" target="_blank">双表法调用样式表</a></li> <li>• <a href="/jishuwendang/class40/8915.html" title="数据图表" target="_blank">数据图表</a></li> <li>• <a href="/jishuwendang/class40/8914.html" title="鼠标移动到超链接上的效果" target="_blank">鼠标移动到超链接上的效果</a></li> <li>• <a href="/jishuwendang/class40/8913.html" title="手机屏幕尺寸测试——手机的实际显示页面的宽度" target="_blank">手机屏幕尺寸测试——手机的实际显示页面的宽度</a></li> <li>• <a href="/jishuwendang/class40/8912.html" title="使用有趣的自定义标记布局页面" target="_blank">使用有趣的自定义标记布局页面</a></li> <li>• <a href="/jishuwendang/class40/8911.html" title="使用XHTML1.0 Strict中需要特别注意的地方" target="_blank">使用XHTML1.0 Strict中需要特别注意的地方</a></li> <li>• <a href="/jishuwendang/class40/8910.html" title="使用text-align_justify实现两端对齐一例" target="_blank">使用text-align_justify实现两端对齐一例</a></li> <li>• <a href="/jishuwendang/class40/8909.html" title="使用#default#userdata组件实现的可记忆内容的编辑器" target="_blank">使用#default#userdata组件实现的可记忆内容的编辑器</a></li> <li>• <a href="/jishuwendang/class40/8908.html" title="使网页成黑白色调的滤镜" target="_blank">使网页成黑白色调的滤镜</a></li> <li>• <a href="/jishuwendang/class40/8907.html" title="实用的标签效果" target="_blank">实用的标签效果</a></li> <li>• <a href="/jishuwendang/class40/8906.html" title="什么是XHTML_" target="_blank">什么是XHTML_</a></li> <li>• <a href="/jishuwendang/class40/8904.html" title="什么是HTML相关介绍" target="_blank">什么是HTML相关介绍</a></li> <li>• <a href="/jishuwendang/class40/8903.html" title="什么叫标准网页设计_" target="_blank">什么叫标准网页设计_</a></li> <li>• <a href="/jishuwendang/class40/8902.html" title="三个不常见的 HTML5 实用新特性简介" target="_blank">三个不常见的 HTML5 实用新特性简介</a></li> <li>• <a href="/jishuwendang/class40/8901.html" title="如何正确使用标题元素、段落和强制换行" target="_blank">如何正确使用标题元素、段落和强制换行</a></li> <li>• <a href="/jishuwendang/class40/8900.html" title="如何实现多风格选择 样式实时切换" target="_blank">如何实现多风格选择 样式实时切换</a></li> <li>• <a href="/jishuwendang/class40/8899.html" title="如何设置网页的背景为透明" target="_blank">如何设置网页的背景为透明</a></li> <li>• <a href="/jishuwendang/class40/8898.html" title="如何禁止打印页面" target="_blank">如何禁止打印页面</a></li> <li>• <a href="/jishuwendang/class40/8897.html" title="如何解决下拉菜单被flash覆盖的问题" target="_blank">如何解决下拉菜单被flash覆盖的问题</a></li> <li>• <a href="/jishuwendang/class40/8896.html" title="如何处理多国语言" target="_blank">如何处理多国语言</a></li> <li>• <a href="/jishuwendang/class40/8895.html" title="容器高度100%的绝对定位布局" target="_blank">容器高度100%的绝对定位布局</a></li> <li>• <a href="/jishuwendang/class40/8894.html" title="让网页框架透明 底部对齐的代码" target="_blank">让网页框架透明 底部对齐的代码</a></li> <li>• <a href="/jishuwendang/class40/8893.html" title="让iframe自适应高度（支持xhtml）IE firefox兼容" target="_blank">让iframe自适应高度（支持xhtml）IE firefox兼容</a></li> <li>• <a href="/jishuwendang/class40/8892.html" title="让IE6支持min-width最小宽度" target="_blank">让IE6支持min-width最小宽度</a></li> <li>• <a href="/jishuwendang/class40/8891.html" title="让IE ff Opera同时支持Alpha透明的方法" target="_blank">让IE ff Opera同时支持Alpha透明的方法</a></li> <li>• <a href="/jishuwendang/class40/8890.html" title="让comment标记在各浏览器都能通用" target="_blank">让comment标记在各浏览器都能通用</a></li> <li>• <a href="/jishuwendang/class40/8889.html" title="全面考察“禁用浏览器后退”" target="_blank">全面考察“禁用浏览器后退”</a></li> <li>• <a href="/jishuwendang/class40/8888.html" title="全国哀悼日网站页面变成灰色的filter方法" target="_blank">全国哀悼日网站页面变成灰色的filter方法</a></li> <li>• <a href="/jishuwendang/class40/8887.html" title="去除链接元素的虚线框 兼容IE7、IE6、FF" target="_blank">去除链接元素的虚线框 兼容IE7、IE6、FF</a></li> <li>• <a href="/jishuwendang/class40/8886.html" title="巧妙的最大化动态载入IFrame的方法" target="_blank">巧妙的最大化动态载入IFrame的方法</a></li> <li>• <a href="/jishuwendang/class40/8885.html" title="浅谈html中id和name的区别实例代码" target="_blank">浅谈html中id和name的区别实例代码</a></li> <li>• <a href="/jishuwendang/class40/8884.html" title="浅谈href=#与href=javascript_void(0)的区别" target="_blank">浅谈href=#与href=javascript_void(0)的区别</a></li> <li>• <a href="/jishuwendang/class40/8883.html" title="前端获取http状态码400的返回值实例" target="_blank">前端获取http状态码400的返回值实例</a></li> <li>• <a href="/jishuwendang/class40/8882.html" title="漂亮的表格" target="_blank">漂亮的表格</a></li> <li>• <a href="/jishuwendang/class40/8881.html" title="你不一定知道的Label的For用法" target="_blank">你不一定知道的Label的For用法</a></li> <li>• <a href="/jishuwendang/class40/8880.html" title="目前找到的最好的Iframe自适应高度代码" target="_blank">目前找到的最好的Iframe自适应高度代码</a></li> <li>• <a href="/jishuwendang/class40/8879.html" title="模拟兼容性的 inline-block 属性" target="_blank">模拟兼容性的 inline-block 属性</a></li> <li>• <a href="/jishuwendang/class40/8878.html" title="模仿combox(select)控件，不用为美化select烦恼了。" target="_blank">模仿combox(select)控件，不用为美化select烦恼了。</a></li> <li>• <a href="/jishuwendang/class40/8877.html" title="梦幻式下拉菜单" target="_blank">梦幻式下拉菜单</a></li> <li>• <a href="/jishuwendang/class40/8876.html" title="美化html段落文本 Ⅰ" target="_blank">美化html段落文本 Ⅰ</a></li> <li>• <a href="/jishuwendang/class40/8875.html" title="块元素block element和内联元素inline element" target="_blank">块元素block element和内联元素inline element</a></li> <li>• <a href="/jishuwendang/class40/8874.html" title="跨浏览器的实践_position_fixed 层的固定定位" target="_blank">跨浏览器的实践_position_fixed 层的固定定位</a></li> <li>• <a href="/jishuwendang/class40/8873.html" title="空格BUG" target="_blank">空格BUG</a></li> <li>• <a href="/jishuwendang/class40/8872.html" title="可以给img元素设置背景图" target="_blank">可以给img元素设置背景图</a></li> <li>• <a href="/jishuwendang/class40/8871.html" title="静态页面加密" target="_blank">静态页面加密</a></li> <li>• <a href="/jishuwendang/class40/8869.html" title="解决鼠标在 flash 链接上不停闪动的问题（web页面中）" target="_blank">解决鼠标在 flash 链接上不停闪动的问题（web页面中）</a></li> <li>• <a href="/jishuwendang/class40/8868.html" title="解决列高度自适应(相同)的五种方法" target="_blank">解决列高度自适应(相同)的五种方法</a></li> <li>• <a href="/jishuwendang/class40/8867.html" title="解决input对齐问题vertical-alige" target="_blank">解决input对齐问题vertical-alige</a></li> </ul> </div> </div> </div> <div id="footer"> <div class="footer_con"><div class="footer_txt"> Copyright © 2024 <a href="http://www.zwyuanma.com/">中文源码网</a> All Rights Reserved  备案号:<a href="http://www.beian.miit.gov.cn/" target="_blank">[苏ICP备15047094号-4]</a> <a href="/sitemap.xml">[站点地图]</a><br/> <a href="/home/help/{$.id}.html" target="_blank">联系我们</a> |  <a href="/home/help/{$.id}.html" target="_blank">常见问题</a> |  <a href="/home/help/{$.id}.html" target="_blank">网站介绍</a> |  客服QQ:<a href="http://wpa.qq.com/msgrd?v=3&uin=282898506&site=qq&menu=yes" target="_blank">282898506</a> | 邮箱：282898506#qq.com(#改@)  <br> <a href="/home/help/{$.id}.html" target="_blank">如何发布官方评测?</a> |  <a href="/home/help/{$.id}.html" target="_blank">如何发布建站方案?</a> |  <a href="/home/help/{$.id}.html" target="_blank">如何发布技术供求?</a> |  <a href="/home/help/{$.id}.html" target="_blank">广告位申请</a> |  <a href="/home/help/{$.id}.html" target="_blank">如何管理展厅?</a> |  <a href="/home/help/{$.id}.html" target="_blank">如何开通展厅?</a> |  <a href="/home/help/{$.id}.html" target="_blank">如何发布模版?</a> |  <a href="/home/help/{$.id}.html" target="_blank">如何发布源码?</a> |  <br/> <div style="display:none;"><script charset='UTF-8' id='LA_COLLECT' src='//sdk.51.la/js-sdk-pro.min.js'></script><script>LA.init({id: 'Jhcp3j9uNE3jSacI',ck: 'Jhcp3j9uNE3jSacI'})</script> <a href="sitemap.xml">sitemap.xml</a></div> </div></div> </div> </div> <!--右侧导航--> <ul class="r_serve"> <a title="qq咨询" onclick="window.open('http://wpa.qq.com/msgrd?v=3&uin=282898506&site=qq&menu=yes', '_blank', 'height=544, width=644,toolbar=no,scrollbars=no,menubar=no,status=no');return false;" target="_blank"><li><p><img src="/public/yuanma/web/style/images/qq.png" /></p><p>QQ客服</p></li></a> <li><p><img src="/public/yuanma/web/style/images/wx.png"/></p><p>公众号</p><img class="maImg" id="wxImg" src="/public/yuanma/web/style/images/wxImg.png"/></li> <li><a title="中文源码网手机版" target="_blank" href="http://m.zwyuanma.com/"><p><img src="/public/yuanma/web/style/images/ma.png"/></p><p>手机版</p></a><img class="maImg" id="maImg" src="/public/yuanma/web/style/images/maimg.png"/></li> <a title="" target="_blank" href="/help/2.html"><li><p><img src="/public/yuanma/web/style/images/help.png"/></p><p>帮助中心</p></li></a> <li><p><img src="/public/yuanma/web/style/images/back_top.png"/></p></li> </ul> <script language="javascript"> $(".r_serve li:nth-child(2)").hover(function() {$("#wxImg").show();$("#maImg").hide();},function(){$("#wxImg").hide();}) $(".r_serve li:nth-child(3)").hover(function() {$("#maImg").show();$(".r_gfq").hide();$("#wxImg").hide();},function(){$("#maImg").hide();}) $(".r_serve li:nth-child(5)").click(function() {$("html, body").animate({ scrollTop: 0 }, 120);}) </script> </body> </html>