网页的基本结构和段落、文字标记_第1页
网页的基本结构和段落、文字标记_第2页
网页的基本结构和段落、文字标记_第3页
网页的基本结构和段落、文字标记_第4页
网页的基本结构和段落、文字标记_第5页
已阅读5页，还剩19页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

2.2HTML文件的基本结构

网页设计一姚屏

•标记符概述

•在HTML中，所有的标记符都用尖括号<>

括起来。例如，<html>><a>o

•HTML标记符是不区分大小写的。〈html〉、

〈Html〉和〈HTML〉没有区别。

始标记符和结束标记符。某些标记符，例

如＜BR〉，只要求单一标记符号。

•开始标记符与结束标记符的区别在于：结

束标记符多一个斜杠（不是反斜杠

•标记符属性

•属性是用来描述对象特征的特性。例如,

一个人的身高、体重就是人这个对象的属

性。

•在HTML中，所有的属性都放置在开始标记

符的尖括号里，多个属性之间用空格分开,

通常也不区分大小写。

♦例如，可以用字体标记符和字号属性才蔬

文字的大小。＜FONTSIZE=1＞本行字将以较

小字体显示。＜/FONT＞

♦注意：

♦1、不是所有的标记都有属性

2、根据需要选择需要的属性，属性之间没

有顺序。

演示——.楫性的作用7

即叫文件的基

一个Web页实际上对应于一^个HTML文件,

HTML文件以.htm或.html为扩展名。

最基本的HTML文档包括：HTML标记

<HTMLX/HTML>>首部标记〈HEADED

〈/HEAD>、以及正文<80口丫></80口丫>。

.演示——最简单的HTML文件

♦HEAD标记符

•首部标记〈HEAD〉和〈/HEAD〉位于Web页的

开头，其中不包括Web页的任何实际内容,

而是提供一些与Web页有关的特定信息。

•首部标记中的内容也用相应的标记符括起

来。例如，样式表（CSS）定义位于

〈STYLE〉和〈/STYLE〉之间；脚

〈SCRIPTX/SCRIPT〉之间。

♦在首部标记符中，最基本、最常用的标记

符是标题标记〈TITLE〉和〈/TITLE〉，用于定

义网页的标题。

♦当网页在浏览器中显示时，网页标题将在

浏览器窗口的标题栏中显示。

.演示——TITLE的作用

F

♦BODY标记符

♦正文标记符＜BODY＞和＜/BODY＞包含Web页的

内容。文字、图形、链接以及其他HTML元

素都位于该标记符内。

♦正文标记符中的文字，如果没有其他标记

符修饰，则将以无格式的形式显示。

.演示——BQD诲记符

♦在HTML中，用户可以通过Hn标记符

标识文档中的标题和副标题，其中n是1

至6的数字；H1表示最大的标题，H6表示最

小的标题。使用标题样式时，必须使用结

束标记符。

•<H1align=对齐方式>一级标题</H1>

・对齐方式:left（左）centerright（右

演示——标题效果

&

*

♦2.4.1注释标记

•＜!—注释内容"〉

•添加注释都是一种良好的工作习惯。注释内容都将

被浏览器解释为注释，而不在浏览器中显示。

♦2.4.2强制换行标记

•换行标记符用于在文档中强制断行，标记为一

个单独的VBR＞。该标记符与分段标记符＜P＞是

有区别的。

网页设计-

F

♦2.4.3强制换段标记

・强制换段标记：文字<P>

•设置段落标记用于将文档划分为段落，标记为

<PX/P>,其中结束标记符通常可省略。

•<Palign二对齐方式〉文字VP>

演示——P与BR

<PRE>预先排好的格式<花［^>

.演示一显示预排格式

♦DIV标记符一"星

DIV标记符用于为文档分节，以便为文档

的不同部分应用不同的段落格式，其标记

为〈DIVX/DIV〉。位于DIV标记符中的多

段文本将被认为是一个节，可为它们设置

一致的对齐格式。

♦ALIGN属性/

ALIGN属性用于设置段落的对齐格式，其

值包括：RIGHT（右对齐）、LEFT（左对

齐）、CENTER（居中对齐）和JUSTIFY

（两端对齐）。ALIGN属性可应用于多种

标记符，最典型的是应用于DIV、P、Hn

（标题标记符）、HR等标记符。，

CENTER标记符^

如果要将文档内容居中，还可使用CENTER

标记符，方法为：将需居中的内容置于

<CENTER>和〈/CENTER》之间。

.演示——段落对齐

.演示——DIV与CENTER

*

的平线（P28

♦添加水平线的标记符为HRF包括以石

性：

•SIZE属性用来改变水平线的粗细。

•WIDTH属性用来更改水平线的长度。

•NOSHADE属性使水平线以实线显示。

•COLOR属性可以控制水平线的颜色。

.演示——水平线效果

格式嵌套

♦格式嵌套的通常原则：

♦(1)如果所设置的格式是相容的，则取格式叠加

的效果。

♦(2)加果所设置的格式是冲突的，则取最近样式

符的修饰效果。

演示——格式嵌套

•SIZE设置字体大小（字号）

•COLOR设置字体颜色

•FACE设置字体样式

♦字号属性size的值可以从1到7,3是默认

值。该属性值也可以用十号或-号来作

为相对值指定。■

♦Face属性用来指定字体样式。在编制网

页时，通过在FONT标记符中指定face属

性，用户可以指定一个或几个字体名称

（用逗号隔开）。

.演示——〈FONTface="”>

♦物理字符样式是指标记符本身说明了所修饰的效

果。

♦常用物理字符样式标记符有：

•黑体标记<B>v/B>

•斜体标记v>v/l>

•下划线标记vU>v/U>等。一

1、＜BODY＞标记中的text属性J

•设定整个网页文字的颜色。

•格式〈BODYtext=颜色〉受影响的文字v/BODY＞

2

人人文库> 全部分类> 教育资料 > 辅导培训

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论