回复内容： HTML是由多种骨头(标签)组成的骨架。HTML5是更多的新骨头(标签),同时去掉了以前觉得不好用的骨头.CSS是皮肤。CSS3是更美的皮肤JS控制单个动作。(抬手,张嘴,放下手,抬腿,转头,握拳等)jQuery是把一组常用动作编排成了一个招式。(例如吃饭这个动作里面编排了:拿起勺子,挖一勺饭,把勺子贴近嘴,张嘴,勺子送进嘴,勺子拿出嘴,咀嚼.)----------------------------------------------------------------------------------------...
Web技术的发展速度太快了，如果你不与时俱进，就会被淘汰。因此，为了应对即将到来的HTML 5，本文总结了11个HTML 5的初级技巧，希望能对你进一步学习好HTML 5会有所帮助。 1. 新的Doctype声明 XHTML的声明太长了，我相信很少会有前端开发人员能手写出这个Doctype声明。 HTML 5的Doctype声明很短，看到这个声明相信你马上就能记住，不用浪费脑细胞去记那长的有点变态的XHTML的Doctype声明了。 HTML 5的简短的DOCTYPE声明是让Firefox...
对于前端工作人员来说，每天都会接触到div和CSS ,有些知识不常用就容易忘了，最近把常用的HTML代码进行了总结，写了篇文章，方便自己以后查看，同时也分享给大家，希望对你有用。文件类型<HTML></HTML> （放在档案的开头与结尾）文件主题<TITLE></TITLE> （必须放在「文头」区块内）文头<HEAD></HEAD> （描述性资料，像是「主题」）文体<BODY></BODY> （文件本体）标题<H?></H?> （从1到6，有六层选择）标题的对齐 <H?ALIGN=LEFT|C...
嵌入行中的图象多数 Web 浏览器可以显示嵌入行中的X 位图(XBM), GIF, 或 JPEG 格式的图象(即和文本想邻的图象) . 其他格式的图象正在合并到Web 浏览器中[如, Portable Network Graphic (PNG) 格式]. 每个图象都花费处理时间并降低文档显示的速度. 仔细选择你的文档中的图象和图象的个数. 包含一个嵌入行中的图象, 输入: <IMG SRC=../../图象名>ALT="FORWARD" HEIGHT=32 WIDTH=32> 其中 图象名 是图象文件的URL . <IMG SRC> URLs 的...
指明一个到QuickTime 电影的链接. 一些通常的文件类型和其扩展名为: 文件类型 扩展名 纯文本plain text .txt HTML 文档 .html GIF 图象 .gif TIFF 图象 .tiff X 位图图象 .xbm JPEG 图象 .jpg 或 .jpeg PostScript 文件 .ps AIFF 声音文件 .aiff AU 声音文件 .au WAV 声音文件 .wav QuickTime 电影 .mov MPEG 电影 .mpeg 或 .mpg 记住你假设的读者和他们使用的软件. 例如，多数UNIX 工作站不能播放QuickTime 电影. 表格Tables在 HT...
疑难解答避免标记重叠请看这个 HTML 例子: <B>This is an example of <DFN>overlapping</B> HTML tags.</DFN> overlapping 这个单词被同时包含在 <B> 和 <DFN> 两个标记中. 浏览器在这种情况下会无所适从，因而你可能得不到预期的效果. 通常情况下应该避免标记重叠. 检查你的标记，让它们成对出现. 成对使用的标记(显然，结束标记可以省略的元素除外, 如段落标记) 中间不应该被打断. 再看看上面的例子. 在中间的标记(DFN)尚未结束前...
本文是创建HTML文件的初级读物。HTML 是 WWW（World Wide Web )中使用的超文本标记语言。本指南的目的是介绍如何使用HTML和创建 web 文件。本文中的链接指向一些附加的信息。你还可以到你本地的书店查看一下，那里可能会有很多有价值的关于 Web 和 HTML 的资料。 前言术语WWW World Wide Web Web World Wide Web SGML Standard Generalized Markup Language--标准通用标记语言，描述标记语言的一个标准 DTD Document Type Definiti...
一个教学工具要看到你的浏览器当前窗口所显示信息的原始文件, 可以选择浏览器菜单中的 View Source (或者等价操作) 选项. 文件的内容和所有的 HTML 标记将显示在一个新窗口中. 这是学习使用 HTML 和掌握技巧和构造的一个非常好的方式. 当然, 你看的 HTML 不一定在技术上是正确的. 当你熟悉了 HTML 并且看了很多这方面的参考资料，你将能够区分 "好的" 和 "不好的" HTML. 记住你可以保存 HTML 编码的源文件，用做你的 Web 页的模板，...
列表ListsHTML 支持不编号 unnumbered, 编号numbered, 和定义definition 三种列表. 你也可以嵌套列表, 但是不要嵌套过多，否则会使读者感到不清晰。 不编号列表Unnumbered Lists 制作一个不编号的，公告式列表, 用开始标记 <UL> ( unnumbered list 的简记) 开始 输入 <LI> (list item) 标记，后面跟独立的项; 不需使用 </LI> 标记 用 </UL> 标记结束整个列表 下面是一个有三个项的列表: <UL><LI> apples<LI> bananas<LI> grapefrui...
这里是一个嵌套列表的例子: <UL><LI> A few New England states:<UL><LI> Vermont<LI> New Hampshire<LI> Maine</UL><LI> Two Midwestern states:<UL><LI> Michigan<LI> Indiana</UL></UL> 这个嵌套列表的显示： A few New England states: Vermont New Hampshire Maine Two Midwestern states: Michigan Indiana 预排格式文本Preformatted Text用<PRE> 标记 (表示 "preformatted") 可以产生固定宽度的字体. 该标记同时使空格，新行...
地址Addresses<ADDRESS> 标记通常用于说明文档的作者, 与作者联系的方法 (如, 一个电子邮件地址), 和一个修订日期. 它一般是一个文件的最后部分. 例如, 本在线指南的最后一行为: <ADDRESS>A Beginners Guide to HTML / NCSA / pubs@ncsa.uiuc.edu / revised April 96</ADDRESS> 结果为: A Beginners Guide to HTML / NCSA / pubs@ncsa.uiuc.edu / revised April 96注意: <ADDRESS> 不 用于普通邮政地址. 关于普通邮政地址参见下文的...
逻辑风格Logical Styles<DFN> 用于被定义的单词. 一般用斜体显示. (NCSA Mosaic is a World Wide Web browser.) <EM> 用于强调. 通常用斜体显示. (Consultants cannot reset your password unless you call the help line.) <CITE> 用于书籍的标题, 等. 通常斜体显示. (A Beginners Guide to HTML) <CODE> 用于计算机编码. 用固定宽度字体显示. (The <stdio.h> header file) <KBD> 用于用户键盘输入. 通常用无格式固定宽度字体显示...
URLsWorld Wide Web 使用标准资源定位 Uniform Resource Locators (URLs) 指明其它服务器中的文件. 一个 URL 包括访问资源的类型(例如, Web, gopher, WAIS), 服务器的地址, 和文件的位置. 语法格式为: scheme://host.domain [:port]/path/ filename 其中 scheme 是以下的一个 file 本地系统的一个文件 ftp 匿名FTP 服务器中的文件 http World Wide Web 服务器中的文件 gopher Gopher 服务器中的文件 WAIS WAIS 服务器中的文件 news...
你正在学习CSS布局吗？是不是还不能完全掌握纯CSS布局？通常有两种情况阻碍你的学习： 第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前，你应当先考虑内容的语义和结构，然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。 另一种原因是你对那些非常熟悉的表现层属性(例如：cellpadding,、hspace、align="left"等等)束手无策，不知道该转换成对应的什么CSS语句。当你解决了第...
div+css页面布局练习*{margin:0px; padding:0px;}#top,#nav,#mid,#footer{ width:500px; margin:0PX auto;}#top{height:80px; background-color:#F0F;}#nav{height:25px; background-color:#0FF;}#mid{height:300px;}#left{width:98px; height:298px; border:1px solid #FF0; background-color:#00F; float:left;}#right{ height:298px; background-color:#900;}.content{width:98px; height:148px; background-color:#030; borde...