htnl基础知识之网页页面的初步了解

所属分类: 网页制作 / HTML/Xhtml 阅读数: 391
收藏 0 赞 0 分享
HTML语言是超文本标记语言的缩写。它是一种描述文档结构的语言,而不能描述实际的表现形式。
HTML语言使用描述性的标记符(称为标记码)来指明文档的不同内容。标记码是区分文本各个组成的分界符,用来把HTML文档划分成不同的逻辑部分(或结构),如段落、标题和表格等。标记码描述了文档的结构,它向浏览器提供该文档的格式化信息,以传送文档的外观特性。
用HTML语言写的页面是普通的文本文档,不含任何与平台和程序相关的信息,它们可以被任何文本编辑器读取.
产生HTML文件有两种方法,一种是手工编制,另一种是用网页编辑器产生,Dreamweaver 3.0就是一个这样的网页编辑器,用Dreamweaver 3.0制作网页的同时,Dreamweaver 3.0产生该网页的HTML文件,因此学习手工编制HTML文件是很有必要的,下面介绍如何手工编制HTML文件的基本知识。
HTML文档包含两种信息:一是页面本身的内容,如文本、图形等;二是表示页面元素、结构、格式和其他超文本链接的HTM L标签。
当浏览器读HTML文件遇到HTML标签时,它就将页面的内容按照标记定义的格式显示出来。HTML标记的基本格式是:
<标签> 页面内容 </标签>
前面的标签表示所定义格式的开始,后面的标签表示这种格式的结束·例如“<B>Helloworld ! </B>”表示用粗体字显示“Hello world”。
现在常用的两种浏览器360和Internet Explorcr对HTML标记的解释不一样,即同一个标记在不同浏览器显示的结果不一样,两者是否能解释的标记也不一样,同一种浏览器不同版本也有此问题,因此,编制网页时需要注意此问题。一般而言,常用的普通功能不会出现这种现象,新的、高级的功能才会出现这个问题。Dreamweaver 3.0己经尽量兼顾了这两种浏览器,并提供了一些处理这些问题的方法。
HTML文件是纯文本文件,可用任何文字编辑器输入,如Windows附件中的记事本.保存文件时,文件的扩展名必须用“HTML”或“HTM "。
HTML文件的整体结构如下:
<HTML>
<HEAD>
<TITLE>...</TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
下面说明HTML文件整体结构中的HTML标签:
<HTML>:每个HTML页面中的第一个HTML标签是<HTML>,它说明文件内容是用HTML语言编写的,HTML页面中所有文木和HTML标签都包含在
<HTML>...</HTML>开始和结束标记之中.
<HEAD>: <HEAD>标签表明包含在这一标签中的文本是文木中其他文本的序言,通常只有很少的部分写在文件的<HEAD>部分,不应把页面内容的任何文本写在页头中!
<TITLE>:包含在<TITLE>标签之间的文木称为页头标题,浏览器将页头标题放在页面窗口的标题栏中。
<BODY>: HTML页面的内容都包含在<BODY>标签中。
来了解HTML文件的基木格式、概念和标记。在编辑的文本文件里写出如下内容:
<HTML>
<HEAD>
<TITLE>Hello World!<TlTLE>
</HEAD>
<BODY>
<P>HeIIo World!</P>
<P>This is my first web.</P>
</BODY>
</HTML>
这就是一个简单的HTML文件,让我们先为上面的文件起名并保存.起文件名要注意:
(1)在DOS/Windows系统中扩展名要用“.htm",在UNIX系统中扩展名要用“.html "(需要注意的是,在UNIX系统中,文件名中的字母大小写是敏感的)。
更多精彩内容其他人还在看

网页注释在IE中产生文字溢出

实验代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transiti
收藏 0 赞 0 分享

HTML教程:定义列表

原文:http://andymao.com/andy/post/104.html 上一节:有序列表 写完“无序列表”和“有序列表”之后已经有人和我说这两篇看得没什么意思。这两篇文章如果只以单向读取的形式阅读那么的确是没什
收藏 0 赞 0 分享

HTML教程:有序列表

原文:http://andymao.com/andy/post/103.html 上一节:无序列表 信息有时候是无序归纳的,有的却有着明确的顺序,在上一篇也提到了。那么简单的来想一下身边有哪些事物是有先后顺序的:操作步骤、排行榜、书目录……
收藏 0 赞 0 分享

HTML教程:无序列表

原文:http://andymao.com/andy/post/102.html 段落已经讲完了,那么一些基本的应用方式也讲了一些,那么是否已经应用了呢?当然应用可以更为丰富,那么这些就需要自己在实际工作中不断的摸索与思考,然后创新并总结得出新的应用形式。当然了段落不能当作
收藏 0 赞 0 分享

HTML网页制作的强大8条技巧

  虽然现在有许多网页制作工具能让您轻松地完成工作,但如果使用HTML则可以得到更大控制权,下面介绍几个小技巧。   1。使用<tt>,<i>,<br>语句来控制文字排版比用<pre>好得多。 如: <tt>实用
收藏 0 赞 0 分享

网页表格分割线去除方法

网页表格分割线去除方法。 其实上面的三个表格都有三行三列,隐藏分隔线的诀窍在于rules,察看这三个表格的源代码,我们可以看到<TABLE>标签中都有rules。它有三个参数(cols,rows,none),当rules=cols时,表格会隐藏纵向的分隔线,这
收藏 0 赞 0 分享

blockquote标记应用注意

关于语义化,不是一句两句就能说明白的,而且现在也没有一个官方的很严格的定义。关于<blockquote>没有争议的是: 1.引用一段较长的文字 2.可以使用cite标签或者属性 问题是<blockquote>引用的文字必须使用块级元素将他
收藏 0 赞 0 分享

网页表格表框制作技巧

网页表格表框制作技巧。 -------------------------------------------------------------------------------- 表格边框的显示与隐藏,是可以用frame参数来控制的。请注意它只控制表格的边框图,而不
收藏 0 赞 0 分享

HTML其实就是学习几个重要标记的应用

《这将是一场革命》一文出来以后。得到业界大伙的认同,当然与此同时也得到部分来自内部与外部的挑衅,不过的更加多的是更多人来寻问每一个点的细节。今晚回家很早就睡了,半夜在一个梦中醒来,梦里正在和小学的同学玩一个游戏——“The Next&rdquo
收藏 0 赞 0 分享

移动端专用的meta标签设置大全

不知道有没有人觉得,html的meta标签描述的头部信息特别多,下面这篇文章主要给大家分享介绍了关于移动端专用的meta设置的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴,下面随着小编来一起学习学习吧
收藏 0 赞 0 分享
查看更多