HTML,基础知识

HTML 基础知识培训 一、 HTML入门 HTML英语意思是Hypertext Marked Language,即超文本标记语言,是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档,它能独立于各种操作系统平台(如UNIX,WINDOWS等)。自1990年以来HTML就一直被用作World Wide Web 的信息表示语言,用于描述Homepage的格式设计和它与WWW上其它Homepage 的连结信息。使用HTML语言描述的文件,需要通过WWW浏览器显示出效果。

所谓超文本,因为它可以加入图片、声音、动画、影视等内容,因为它可以从一个文件跳转到另一个文件,与世界各地主机的文件连接。

l 过HTML可以表现出丰富多彩的设计风格 图片调用 文字格式文字 l 通过HTML可以实现页面之间的跳转 页面跳转超级链接 l 通过HTML可以展现多媒体的效果 音频、视频、动画 上面我们在示例超文本特征的同时,采用了一些我们在制作超文本文件时需要用到的一些标签。所谓标签,就是它采用了一系列的指令符号来控制输出的效果,这些指令符号用“”来表示。

二、 HTML的基本结构 超文本文档分文档头和文档体两部分,在文档头里,对这个文档进行了一些必要的定义,文档体中才是要显示的各种文档信息。

头 部 信 息 文 档 主 体, 正 文 部 分 其中在最外层,表示这对标记间的内容是HTML文档。我们还会看到一些页面省略标记,因为.html 或.htm 文件被Web浏览器默认为是HTML文档,但是这种做法是错误的,后面会提到一些错误的做法。

之间包括文档的头部信息,如文档总标题等,若不需头部信息则可省略此标记。表示正文内容的开始。

下面是一个最基本的超文本文档的源代码 一个简单的HTML示例 欢迎光临我的主页 这是我第一次做主页,无论怎么样,我都会努力做好 head区的其他设置 设置站点作者信息 设置站点版权信息 站点的简要介绍推荐 站点的关键词推荐 三、 超文本中的标签 在开始正式内容制作之前,我们必须先了解一下web标准有关代码的规范。了解这些规范可以帮助你少走弯路,尽快通过代码校验。

1. 单标签 某些标记称为“单标签”,因为它只需单独使用就能完整地表达意思,这类标记的语法是 最常用的单标签是, 它表示换行。

2. 双标签 另一类标记称为“双标签”,它由“始标签”和“尾标签”两部分构成,必须成对使用,其中始标签告诉Web浏览器从此处开始执行该标记所表示的功能,而尾标签告诉Web浏览器在这里结束该功能。始标签前加一个斜杠(/)即成为尾标记。这类标记的语法是 内 容 其中“内容” 部分就是要被这对标记施加作用的部分。例如你想突出对某段文字的显示,就将此段文字放在一 标记中 第一 3. 标签属性 许多单标记和双标记的始标记内可以包含一些属性, 其语法是 各属性之间无先后次序,属性也可省略(即取默认值),例如单标记表示在文档当前位置画一条 水平线(horizontal line),一般是从窗口中当前行的最左端一直画到最右端。带一些属性 其中SIZE属性定义线的粗细,属性值取整数,缺为1;
ALIGN属性表示对齐方式,可取LEFT(左对齐,缺省值),CENTER(居中),RIGHT(右对齐);
WIDTH 属性定义线的长度,可取相对值,(由一对 “ “ 号括起来的百分数,表示相对于充满整个窗口的百分比),也可取绝对值(用整数表示的屏幕像素点的个数,如WIDTH”300”),缺省值是“100“。

其中值得注意的 1所有的标记都必须要有一个相应的结束标记 以前在HTML中,你可以打开许多标签,例如和而不一定写对应的和来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构,所有标签必须关闭。如果是单独不成对的标签,在标签最后加一个“ /“来关闭它。

例如 2所有标签的元素和属性的名字都必须使用小写 与HTML不一样,XHTML对大小写是敏感的,和是不同的标签。XHTML要求所有的标签和属性 的名字都必须使用小写。例如必须写成 。大小写夹杂也是不被认可的,通常dreamweaver自动生成的属性名字“onMouseOver“也必须修改成“onmouseover“。

3 所有的XML标记都必须合理嵌套 同样因为XHTML要求有严谨的结构,因此所有的嵌套都必须按顺序,以前我们这样写的代码 必须修改为 就是说,一层一层的嵌套必须是严格对称。

4 所有的属性必须用引号““括起来 在HTML中,你可以不需要给属性值加引号,但是在XHTML中,它们必须被加引号。例如 必须修改为 特殊情况,你需要在属性值里使用双引号,你可以用“,单引号可以使用,例如 四、 页面布局与文字设计 1. 标题 一般文章都有标题、副标题、章和节等结构,HTML中也提供了相应的标题标签,其中n为标题的等HTML总共提供六个等级的标题,n越小,标题字号就越大,以下列出所有等级的标题 〈H1 第一级标题 〈H2 第二级标题 〈H3 第三级标题 〈H4 第四级标题 〈H5 第五级标题 〈H6 第六级标题 请看下面的例子 标题示例 这是一行普通文字 〈H1一级标题 〈H2二级标题 〈H3三级标题 〈H4四级标题 〈H5五级标题 〈H6六级标题 2. 换行 在编写HTML文件时,我们不必考虑太细的设置,也不必理会段落过长的部分会被浏览器切掉。因为,在HTML语言规范里,每当浏览器窗口被缩小时,浏览器会自动将右边的文字转折至下一行。所以,编写者对于自己需要断行的地方,应加上标签。

请看下面的例子 无换行示例 登鹳雀楼 白日依山尽,黄河入海流。欲穷千里目,更上一层楼。

换行示例 登鹳雀楼白日依山尽,黄河入海流。欲穷千里目,更上一层楼。

3. 段落标签 为了排列的整齐、清晰,文字段落之间,我们常用来做标记。文件段落的开始由来标记,段落的结束由来标记。

标签还有一个属性ALING,它用来指名字符显示时的对齐方式,一般值有CENTER、LEFT、RIGHT三种。

下面,我们用两个例子来说明这个标签的用法。

段落标签 浣溪沙 一曲新词酒一杯,去年天气旧亭台,夕阳西下几时回。无可奈何花落去,似曾相识燕归来。小园香径几徘徊。

段落标签 登鹳雀楼白日依山尽,黄河入海流。欲穷千里目,更上一层楼。

4. 水平线段 这个标签可以在屏幕上显示一条水平线,用以分割页面中的不同部分。有三个属性 size 水平线的宽度 width 水平线的长,用占屏幕宽度的百分比或象素值来表示 align 水平线的对齐方式,有LEFT RIGHT CENTER三种 noshade 线段无阴影属性,为实心线段 线段粗细的设定 这是第一条线段,无size设定,取内定值SIZE1来显示 这是第二条线段,SIZE5 这是第三条线段,SIZE10 5. 文字的