html语言相关历史主要特点基本结构

来源:百度文库 编辑:神马文学网 时间:2024/04/20 03:55:50
基本概况
HTML一种为普通文件中某些字句加上标示的语言,其目的在于运用标记(tag)使文件达到预期的显示效果。 HTML只是标示语言,基本上你只要明白了各种标记的用法便算学懂了 html,html 的格式非常简单,只是由文字及标记组合而成,于 编辑方面,任何文字编辑器都可以,只要能将文件另存成 ascii 纯文字格式即可,当然 以专业的网页编辑软件为佳。[1]
相关历史
* 超文本置标语言(第一版) -- 在1993年6月发为互联网工程工作小组 (IETF)工作草案发布(并非标准)
* HTML 2.0 -- 1995年11月作为RFC 1866发布,在RFC 2854于2000年6月发布之后被宣布已经过时
* HTML 3.2 -- 1996年1月14日,W3C推荐标准
* HTML 4.0 -- 1997年12月18日,W3C推荐标准
* HTML 4.01(微小改进) -- 1999年12月24日,W3C推荐标准
* ISO/IEC 15445:2000("ISO HTML")--2000年5月15日发布,基于严格的HTML 4.01语法,是国际标准化组织和国际电工委员会的标准
* XHTML 1.0 -- 发布于2000年1月26日,是W3C推荐标准,后来经过修订于2002年8月1日重新发布
* XHTML 1.1 -- 于2001年5月31日发布
* XHTML 2.0 -- W3C工作草案
HTML 没有1.0版本是因为当时有很多不同的版本.有些人认为蒂姆·伯纳斯-李的版本应该算初版,这个版本没有IMG元素.当时被称为HTML+的后续版的开发工作于1993年开始,最初是被设计成为"HTML的一个超集".第一个正式规范在为了和当时的各种HTML标准区分开来,使用了2.0作为其版本号. HTML+的发展继续下去,但是它从未成为标准.
HTML3.0规范是由当时刚成立的W3C于1995年3月提出,提供了很多新的特性, 例如表格,文字绕排和复杂数学元素的显示.虽然它是被设计用来兼容2.0版本的,但是实现这个标准的工作在当时过于复杂,在草案于1995年9月过期时, 标准开发也因为缺乏浏览器支持而中止了.3.1版从未被正式提出,而下一个被提出的版本是开发代号为Wilbur的HTML 3.2,去掉了大部分3.0中的新特性,但是加入了很多特定浏览器,例如Netscape和Mosaic的元素和属性.HTML对数学公式的支持最后成为另外一个标准MathML.
HTML 4.0同样也加入了很多特定浏览器的元素和属性,但是同时也开始"清理"这个标准,把一些元素和属性标记为过时的,建议不再使用它们。HTML的未来和CSS结合会更好。
主要特点
设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起,形成有机的整体,人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。只需使用鼠标在某一文档中点取一个图标,Internet就会马上转到与此图标相关的内容上去,而这些信息可能存放在网络的另一台电脑中。 HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部(Head)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。
另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。神奇吗?一点都不神奇,因为现在你看到的就是这种语言写的页面。
也许你听说过许多可以编辑网页的软件,事实上,你不需要用任何专门的软件来建立HTML页面;你所需要的只是一个文字处理器(如McrosoftWord\记事本\写字板等等)以及HTML的工作常识。其实你很快就会发现,基础的HTML语言简直容易死了。
HTML只不过是组合成一个文本文件的一系列标签。它们很像乐队的指挥,告诉乐手们哪里需要停顿,哪里需要激昂。
基本结构
一个HTML文档是由一系列的元素和标签组成.元素名不区分大小写.HTML用标签来规定元素的属性和它在文件中的位置,
HTML超文本文档分文档头和文档体两部分,在文档头里,对这个文档进行了一些必要的定义,文档体中才是要显示的各种文档信息。
下面是一个最基本的html文档的代码:1-1.html
---------------------------------------- 开始标签
--------------------------------------
一个简单的HTML示例 | 头部标签
--------------------------------------
----------------------------------------
|

欢迎光临我的主页

|

|

| 文件主体
|
这是我第一次做主页 |
|
|
---------------------------------------
--------------------------------------- 结尾标签
在文档的最外层, 文档中的所有文本和html标签都包含在其中,它表示该文档是以超文本标识语言(HTML)编写的。事实上,现在常用的Web浏览器都可以自动识别HTML文档,并不要求有 标签,也不对该标签进行任何操作,但是为了使HTML文档能够适应不断变化的Web浏览器,还是应该养成不省略这对标签的良好习惯。
是HTML文档的头部标签, 在浏览器窗口中,头部信息是不被显示在正文中的,在此标签中可以插入其它标记, 用以说明文件的标题和整个文件的一些公共属性。若不需头部信息则可省略此标记,良好的习惯是不省略。
是嵌套在头部标签中的,标签之间的文本是文档标题,它被显示在浏览器窗口的标题栏。
标记一般不省略,标签之间的文本是正文,是在浏览器要显示的页面内容。
上面的这几对标签在文档中都是唯一的,HEAD标签和BODY标签是嵌套在HTML标签中的。
HTML的发布万维网主要由从服务器通过HTTP协议向浏览器发送的HTML文档组成。但是,HTTP也可以被用于传输HTML之外的数据,例如图像、声音和其他内容。为使浏览器了解如何处理接收到的文档,在传输文档时必须同时传递文件类型。这种元数据包含MIME类型(对于HTML 4.01或更早版本是text/html,而对于XHTML 1.0或之后的版本是application/xhtml+xml),以及字符编码(参见HTML字符编码方式)。
在现在的浏览器中,和HTML文档一起发送的MIME类型影响文档的解读方式。和XHTML MIME类型一起发送的文档被认为是良构的XML,而语法错误会导致浏览器无法呈现文档。完全相同的文档如果和HTML MIME类型一起发送,则可能被正常显示,因为浏览器对HTML的语法检查更加松懈些。
如果MIME类型不被识别为HTML,那么浏览器不应该试图将文档呈现为HTML,即使文档以正确的文档类型声明开头也是这样;尽管如此,一些浏览器还是检查文档内容或其URL来判断其文件类型。因为可能造成的安全性问题,这种行为不被提倡。即使以不遵守标准著称的Internet Explorer也基本放弃了这种做法。
HTML格式的电子邮件
一些图形模式下的电子邮件客户端支持HTML格式的邮件。很多支持一个图形模式下的HTML邮件编辑器,以及一个HTML邮件阅览器。因为一些问题,HTML邮件的使用有争议。HTML邮件的主要优点是可以使用呈现性元素来加强邮件的视觉效果,但是缺陷也很多,例如
收件人未必有一个可以浏览HTML邮件的客户端 邮件大小增加。一些邮件客户端随HTML邮件发送一个纯文字版更加重了这个问题 过度使用格式化 潜在安全问题,例如伪造银行电子邮件用于网络钓鱼 在一些有缺陷的电子邮件程序显示HTML邮件时可能执行恶意代码 因为这些原因,很多新闻组和邮件列表要么截断信件的HTML部分,要么只接受纯文本版本部分的邮件,要么拒绝接收HTML邮件。
。。。。。。
标记 类型 译名或意义 作 用 备注
文件标记
● 文件声明 让浏览器知道这是 html 文件
● 开头 提供文件整体资讯
● 标题 定义文件标题,将显示于浏览顶端<br><body> ● 本文 设计文件格式及内文所在<br>排版标记<br><!--注解--> ○ 说明标记 为文件加上说明,但不被显示<br><p> ○ 段落标记 为字、画、表格等之间留一空白行<br><br> ○ 换行标记 令字、画、表格等显示于下一行<br><hr> ○ 水平线 插入一条水平线<br><center> ● 居中 令字、画、表格等显示于中间 反对<br><pre> ● 预设格式 令文件按照原始码的排列方式显示<br><div> ● 区隔标记 设定字、画、表格等的摆放位置<br><nobr> ● 不折行 令文字不因太长而绕行<br><wbr> ● 建议折行 预设折行部位<br>字体标记<br><strong> ● 加重语气 产生字体加粗 bold 的效果<br><b> ● 粗体标记 产生字体加粗的效果<br><em> ● 强调标记 把文本定义为强调的内容<br><i> ● 斜体标记 字体出现斜体效果<br><tt> ● 打字字体 courier字体,字母宽度相同<br><u> ● 加上底线 加上底线 反对<br><h1> ● 一级标题标记 变粗变大加宽,程度与级数反比<br><h2> ● 二级标题标记 将字体变粗变大加宽<br><h3> ● 三级标题标记 将字体变粗变大加宽<br><h4> ● 四级标题标记 将字体变粗变大加宽<br><h5> ● 五级标题标记 将字体变粗变大加宽<br><h6> ● 六级标题标记 将字体变粗变大加宽<br><font> ● 字形标记 设定字形、大小、颜色 反对<br><basefont> ○ 基准字形标记 设定所有字形、大小、颜色 反对<br><big> ● 字体加大 令字体稍为加大<br><small> ● 字体缩细 令字体稍为缩细<br><strike> ● 画线删除 为字体加一删除线 反对<br><code> ● 程式码 字体稍为加宽如<tt><br><kbd> ● 键盘字 字体稍为加宽,单一空白<br><samp> ● 范例 字体稍为加宽如<tt><br><var> ● 变数 斜体效果<br><cite> ● 传记引述 斜体效果<br><blockquote> ● 引述文字区块 缩排字体<br><dfn> ● 述语定义 斜体效果<br><address> ● 地址标记 斜体效果<br><sub> ● 下标字 下标字<br><sup> ● 上标字 指数(平方、立方等)<br>清单标记<br><ol> ● 顺序清单 清单项目将以数字、字母顺序排列<br><ul> ● 无序清单 清单项目将以圆点排列<br><li> ○ 清单项目 每一标记标示一项清单项目<br><menu> ● 选单清单 清单项目将以圆点排列,如<ul> 反对<br><dir> ● 目录清单 清单项目将以圆点排列,如<ul> 反对<br><dl> ● 定义清单 清单分两层出现<br><dt> ○ 定义条目 标示该项定义的标题<br><dd> ○ 定义内容 标示定义内容<br>表格标记<br><table> ● 表格标记 设定该表格的各项参数<br><caption> ● 表格标题 做成一打通列以填入表格标题<br><tr> ● 表格列 设定该表格的列<br><td> ● 表格栏 设定该表格的栏<br><th> ● 表格标头 相等于<td>,但其内之字体会变粗<br>表单标记<br><form> ● 表单标记 决定单一表单的运作模式<br><textarea> ● 文字区块 提供文字方盒以输入较大量文字<br><input> ○ 输入标记 决定输入形式<br><select> ● 选择标记 建立 pop-up 卷动清单<br><option> ○ 选项 每一标记标示一个选项<br>图形标记<br><img> ○ 图形标记 用以插入图形及设定图形属性<br>连结标记<br><a> ● 连结标记 加入连结<br><base> ○ 基准标记 可将相对 url 转绝对及指定连结目标<br>框架标记<br><frameset> ● 框架设定 设定框架<br><frame> ○ 框窗设定 设定框窗<br><iframe> ○ 页内框架 于网页中间插入框架 ie<br><noframes> ● 不支援框架 设定当浏览器不支援框架时的提示<br>影像地图<br><map> ● 影像地图名称 设定影像地图名称<br><area> ○ 连结区域 设定各连结区域<br>多媒体<br><bgsound> ○ 背景声音 于背景播放声音或音乐 ie<br><embed> ○ 多媒体 加入声音、音乐或影像<br>其他标记<br><marquee> ● 走动文字 令文字左右走动 ie<br><blink> ● 闪烁文字 闪烁文字 nc<br><isindex> ○ 页内寻找器 可输入关键字寻找于该一页 反对<br><meta> ○ 开头定义 让浏览器知道这是 html 文件<br><link> ○ 关系定义 定义该文件与其他 url 的关系<br>stylesheet<br><style> ● 样式表 控制网页版面<br><span> ● 自订标记 独立使用或与样式表同用<br><img style='max-width:300px;' id="img0" src="http://userimage2.360doc.cn/10/0715/84/1001775_20100715842000375.gif" />   收藏于:2010年</div> <div class="list-group"> <a href="/article/1747426" class="list-group-item">html语言相关历史主要特点基本结构</a> <a href="/article/1611594" class="list-group-item">HTML语言>>基本标签[01]</a> <a href="/article/718695" class="list-group-item">HTML语言</a> <a href="/article/2691246" class="list-group-item">HTML语言</a> <a href="/article/1744778" class="list-group-item">CSS:HTML结构化</a> <a href="/article/149119" class="list-group-item">笔记 HTML 语言 Sample1</a> <a href="/article/1799275" class="list-group-item">HTML 语言教程</a> <a href="/article/1951121" class="list-group-item">HTML语言语法大全</a> <a href="/article/2117924" class="list-group-item">HTML语言基础知识</a> <a href="/article/2301725" class="list-group-item">html语言基本常识</a> <a href="/article/2330368" class="list-group-item">HTML语言宝鉴</a> <a href="/article/2722247" class="list-group-item">HTML语言大全</a> <a href="/article/2758984" class="list-group-item">HTML语言标记大观</a> <a href="/article/2930270" class="list-group-item">HTML语言简明导引</a> <a href="/article/2031132" class="list-group-item">HTML 基本语法</a> <a href="/article/183540" class="list-group-item">网页字体的设置 - html,html教程,html语言</a> <a href="/article/469694" class="list-group-item">如何学习HTML语言·</a> <a href="/article/501534" class="list-group-item">seo简谈-HTML语言用法</a> <a href="/article/977840" class="list-group-item">seo简谈-HTML语言用法</a> <a href="/article/1617891" class="list-group-item">HTML语言音画制作教程</a> <a href="/article/1671629" class="list-group-item">学习HTML语言音画制作</a> <a href="/article/2812125" class="list-group-item">C语言相关书籍</a> <a href="/article/68098" class="list-group-item">职业生涯规划基本结构</a> <a href="/article/301341" class="list-group-item">人体基本结构</a> </div> </div> </div> </div> </div> </div> <footer id="footer" class="footer hidden-print"> <div class="container"> <div class="panel panel-default"> <div class="panel-heading">相关问题</div> <div class="panel-body"> <a class="btn btn-default" href="/article/1292461" title="重新认识中国的外交形势">重新认识中国的外交形势</a> <a class="btn btn-default" href="/article/1292462" title="猫告诉我们的人生哲理(图)z">猫告诉我们的人生哲理(图)z</a> <a class="btn btn-default" href="/article/1292463" title="不可思议的视频记录,被放生的泥鳅救了一只落水的老鼠">不可思议的视频记录,被放生的泥鳅救了一只落水的老鼠</a> <a class="btn btn-default" href="/article/1292464" title="原生態的絕美">原生態的絕美</a> <a class="btn btn-default" href="/article/1292465" title="禁止“保姆陪睡”真逗真好">禁止“保姆陪睡”真逗真好</a> <a class="btn btn-default" href="/article/1292466" title="电脑用久了就会变慢—教你补救的方法 (超有用的)555">电脑用久了就会变慢—教你补救的方法 (超有用的)555</a> <a class="btn btn-default" href="/article/1292467" title="中国人必知">中国人必知</a> <a class="btn btn-default" href="/article/1292468" title="电脑用久了就会变慢—教你补救的方法 (超有用的)756">电脑用久了就会变慢—教你补救的方法 (超有用的)756</a> <a class="btn btn-default" href="/article/1292469" title="面容有光泽的好办法A">面容有光泽的好办法A</a> <a class="btn btn-default" href="/article/1292470" title="只需1分钟,皮肤就变得白嫩嫩">只需1分钟,皮肤就变得白嫩嫩</a> <a class="btn btn-default" href="/article/1292471" title="电脑用久了就会变慢—教你补救的方法 (超有用的)756652">电脑用久了就会变慢—教你补救的方法 (超有用的)756652</a> <a class="btn btn-default" href="/article/1292472" title="每天来碗紫菜汤.">每天来碗紫菜汤.</a> <a class="btn btn-default" href="/article/1292473" title="广州服装货源进货内幕全攻略">广州服装货源进货内幕全攻略</a> <a class="btn btn-default" href="/article/1292474" title="电脑用久了就会变慢—教你补救的方法 2224">电脑用久了就会变慢—教你补救的方法 2224</a> <a class="btn btn-default" href="/article/1292475" title="毫无瑕疵">毫无瑕疵</a> <a class="btn btn-default" href="/article/1292476" title="电脑技术应用">电脑技术应用</a> <a class="btn btn-default" href="/article/1292477" title="生活中的经典感-">生活中的经典感-</a> <a class="btn btn-default" href="/article/1292478" title="图解风水基本法m">图解风水基本法m</a> <a class="btn btn-default" href="/article/1292479" title="电脑用久了就会变慢—教你补救85">电脑用久了就会变慢—教你补救85</a> <a class="btn btn-default" href="/article/1292480" title="可乐栗子焖排骨---猪类料理">可乐栗子焖排骨---猪类料理</a> <a class="btn btn-default" href="/article/1292481" title="帝纳波利系列专用分析指标A">帝纳波利系列专用分析指标A</a> <a class="btn btn-default" href="/article/1292482" title="相亲节目,谁在玩“火”">相亲节目,谁在玩“火”</a> <a class="btn btn-default" href="/article/1292483" title="治脚气">治脚气</a> <a class="btn btn-default" href="/article/1292484" title="名言集锦">名言集锦</a> <a class="btn btn-default" href="/article/1292485" title="中国出现第三拨移民高潮 中坚阶层集体流失(图) 新华网">中国出现第三拨移民高潮 中坚阶层集体流失(图) 新华网</a> <a class="btn btn-default" href="/article/1292486" title="折腾历史和文化是中国的传统">折腾历史和文化是中国的传统</a> <a class="btn btn-default" href="/article/1292487" title="八大医案让你初通中医mn">八大医案让你初通中医mn</a> <a class="btn btn-default" href="/article/1292488" title="如何提高唱歌的气息??">如何提高唱歌的气息??</a> <a class="btn btn-default" href="/article/1292489" title="豆浆的各式做法制作方法大全汇">豆浆的各式做法制作方法大全汇</a> <a class="btn btn-default" href="/article/1292490" title="似水年华经典语录">似水年华经典语录</a> <a class="btn btn-default" href="/article/1292491" title="读破《道德经》g">读破《道德经》g</a> </div> </div></div> <div class="copy-right"> <p>神马文学网,客观、专业、权威的知识性互动百科全书。</p></div> </footer> </body> </html>