第2章++超文本标记语言HTML
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
9
第2节HTML文档首部与文档体
HTML文档首部一般用于标记文档的某些信息， 放于文档的<head>与</head>之间，用于描述HTML文 档的信息，如文件的标题、搜索引擎可用的关键词、 作者及网页描述信息、CSS样式表的定义与引用等， 它们通常不会显示在页面上。 文档体用<body>和</body>标记。网页正文中 的所有内容（包括相应的格式化标记）都包含在这 个标记之间，包括文字、表格、图像、声音、动画 等等。
15
第3节 文本的格式化
（2）center 该元素确定位于它之间的对象定位于页面的中央，其用
法为：<center>文本内容</center>
5、水平线<hr> 用法为： <hr align=”对齐方式” width=”横线长度” noshade size=”横线粗细” color=”横线颜色”>
16
4
第1节
HTML语言基础
5.另外还有一种元素，不对文档中的某个部分起作用， 只是用来提供给浏览器一种显示方式， 如<hr>就显示一条水平线。 6.还有一些元素具有参数(Parameter)，这些参数一 般精确地确定这种元素的显示方式，被称为该元素 的属性(Properties)。元素的属性的取值(Value) 一般用双引号括起来，格式： <元素名 属性1=”属性值” 属性2=”属性 值”„> 内容</元素名> 例如<h1 align=”center”>一级标题</hl>
6
第1节
ห้องสมุดไป่ตู้
HTML语言基础
2、HTML文档的结构
HTML文档的基本结构为： <html> <head> <title>网页标题</title> </head> <body> 网页内容 </body> </html>
7
第1节
HTML语言基础
3、 HTML文档的命名
当一个Web浏览器打开一个文件时，首先确定该文件 的类型，然后再确定其打开方式。文件的后缀名就 成为文件类型的标志。 HTML文档本身是一种文本文件，它的文件扩展名通常 为“. html”和“. htm”标志，所以只要有文字编 辑功能的工具都可以用来编辑或处理HTML文件。
19
第3节 文本的格式化
注意： 浏览器显示的字体与客户端安装的字体有关，如 果网页文件中设置了客户端没有安装的字体，则以默 认的宋体字显示。因此，在使用字体时，应尽量使用 一般操作系统都会安装的宋体、黑体、楷体字。 如果仍然想用这些字体，并使用户能看到他的效果， 可以将这些文字做成图片插入到网页中。 <basefont>标记 <font>标记的作用范围为选定的文本，但 <basefont>标记的作用范围为<body>标记之间 的全部文本。 <basefont>标记为单标记，必须放 在网页的头部。
第3节 文本的格式化
二、段落和换行 在用浏览器浏览一个网页时，只有在HTML源文件中遇到 换行或换段的标签时，才进行换行或换段的操作。 1、强制换段标签 在HTML文档中，用<p>„„</p>来强制换行、分段。 <p>„</p>标签不但能使文字换到下一行，还可以使两段 之间多一空行。
13
第3节 文本的格式化
23
第3节 文本的格式化
字符串 &； <； >； ©； ®； &trade； £； ¥； &euro；  ； "
24
表示值 & < > © ® ™ £ ¥ € 空格 “
第4节 超链接和列表
一、链接 超链接是网页制作中最关键的内容。超链接把页面一个个链接 起来，使得网页的浏览非常方便。具有超链接的文本、图像、表格、 多媒体称为热点或锚点。 1、锚点标记 锚点标记由<a>来定义，它在网页上建立超文本链接，其用法为： <a name=”字符串”href=”url地址” target=”打开窗口的方式” title=“鼠标提示文字”>链接文字</a> 属性target，它指明目标页面显示的窗口 • target=_blank 表示目标页面显示于一个新的浏览器窗口中 • target=_top 页面显示于整个浏览器窗口中，而不是显示在 帧所在窗口中，通常在帧中的超链接才需要设置该值 • target=帧名 目标页面显示于指定帧所在的窗口中 • target的默认值是本页面所在的浏览器窗口
2、强制换行标签 <br>放在一行的末尾，可以使后面的文字、图片、表格 等元素显示于下一行，而行与行之建不会留下空行， 即强制文本换行。其用法为： 文字<br>
14
第3节 文本的格式化
3、显示预排格式<pre> 如果希望在浏览网页时，保留在编辑工具中已经排好的 段落格式，可以使用<pre>标签将预先排好的格式保留 下来。显示预排格式的标签格式为： < pre >预先排好的格式</pre> 4、文字的对齐 在页面中，文本元素对齐的设置主要使用align属性， 除此之外还可以使用<center>标签来设置居中对齐。 （1）align属性 它是跟许多元素都有关的属性
25
第4节 超链接和列表
属性href： 要链接到目标的URL地址，可以是绝对 地址、相对地址或页内书签。
说明： “链接文本或图像”指在页面上显示的文本 或图像，当鼠标指向该文本或图像时，鼠标光点变 成小手形状，单击该文本或图像就会链接到（显示） URL指向的网页。
20
第3节 文本的格式化
4. 设置字形 字形就是文字的风格，如粗体、斜体、下划线、上标、 下标等。 <b></b> <I></I> <u></u> <tt></tt> <sup></sup> <sub></sub> 将文字格式化成黑体 将文字格式化成斜体 将文字增加下划线 将文字格式化成打字机字体 将文字格式化成上角标 将文字格式化成下角标
5
第1节
HTML语言基础
7.HTML标记可以嵌套，但不可交叉。 例如：<p><font>奥林匹克</p></font>将不能正确显 示。 8.HTML文件一行可以写多个标记，一个标记也可以分 多行书写，不用任何续行符号。 例如：<p><font face=″方正粗圆简体, 方正黑体″>2001年7月13日，北京申奥成 功!</font></p> 但HTML标记中的一个单词不能分两行书写，如：<fo nt color=″#000000″ face=″楷体_GB2312″> 2001年7月13日，北京申奥成功！</font>是不正确的。
8
第1节
HTML语言基础
4、HTML的注释
Web浏览器对“<!--”和“-->”之间的部分不予显示。 一个优秀的网页应该有详尽的注释，能让别人看得 懂页面源代码。 HTML的注释的功能除了注释外，还能用作屏蔽功 能。网页制作者常利用<!--……-->来屏蔽掉不想让 页面访问者看到但又必须放到网页里的部分，如嵌 入到网页中的脚本，样式表等。
10
第3节 文本的格式化
3.1 标题字体 3.2 段落和换行 3.3 正文文字 3.4 字符实体
11
第3节
一、标题文字
文本的格式化
标题是一段文字内容的核心，通常用加强的效果来表示。网页中可以通过 设置不同大小的标题来增加文章的条理。 其用法：<hn >标题文字</hn> 例如：标题文字设置代码： <html> <head> <title>网站规划与网页设计</title> </head> <body> <h1>网上教学系统</h1> <h2>网上教学系统</h2> <h3>网上教学系统</h3> <h4>网上教学系统</h4> <h5>网上教学系统</h5> <h6>网上教学系统</h6> </body> </html>
18
第3节 文本的格式化
3、设置文字颜色 用color来设置文字颜色。利用它可以设定网页、段落、 文字等的颜色。 颜色的取值是以“#”引导的一个十六进制代码来表示。 例如： <font color=“#FFFFFF”>感觉的萌芽</font> 颜色的取值还可以使用标准颜色名表示。 例如： <font color=“white”>感觉的萌芽</font>
第2章 超文本标记语言HTML 本章内容
第1节 第2节 第3节 第4节 第5节 第6节 第7节 第8节 HTML语言基础 HTML文档首部与文档体 文本的格式化 超链接和列表 图像和多媒体元素 表 格 表 单 框 架
1
返
回
第1节
HTML语言基础
一、 HTML概述 HTML即超文本标识语言的缩写，自1990年问世 后，到目前为止已经到第四版，现在的HTML 4.01 和初出世的HTML有天壤之别，它已能在Web页面上 随心所欲地放置图片和文字，在JavaScript， VBScript的辅助下还具有动态互动能力。 HTML语言作为一种“标志”语言。它通过夹在 两个尖括号之间的标志字符串来控制文本、图像的 显示方式及加于其上的动作。
第3节 文本的格式化
属性： width标尺线长度，value1可以是点数，如50、100、200 等，窗口改变时，横线宽度不变，也可以是相对窗口的百 分比，如50%、100%，默认是100%； size标尺线的高度，value2的值可以是绝对点数，也可以 是（相对长度的）百分比，默认高度为1； align在页面中的水平位置，value3的值可以是left（居 左）、right（居右）、 center（居中），默认是居中； color标尺线的颜色，color1为#加6位十六进制 RGB 数码 或者是下列预定义色彩，如Black、red、white等。 说明： 当size值较大时，可以产生长方形或正方形图 形。.
21
第3节 文本的格式化
<s></s> <em></em> <strong></strong> <code></code> 将文字中间画删除线 设置字体为强调 加重文本显示 将程序代码（如JAVE、C++源程 序等）显示成等宽字体。 指定一个样本名称，浏览器一般 用等宽字体显示它。 将文字相对缩小显示 将文字相对放大显示 示例
2
第1节
HTML语言基础
二、 HTML的基本结构 1、HTML的元素与标签 HTML文档是由元素和内容组成的。其 中，元素(Element)就是HTML语言中尖括号 之间的标记，又叫标签(Tag)。 元素分为两大类：一类用于确定超文本在 浏览器中显示的方式；另一类用于确定超 文本在浏览器中显示的内容。元素在文本 中具有如下格式： <元素名>内容</元素名>
17
第3节 文本的格式化
三、正文文字 网页中的文字可以设置为不同大小、字体、字形、颜色。用 <font>标签来设置。其用法为： <font size=”字体大小” face=”字体名” color=”字 体颜色”>被设置的文字</font> 1、设置字的大小 用size来设置文字的相对大小，取值为n=1，2，3，4，5，6， 7；+n，-n 表示相对基准字号的大小，如基准字号为3号， 则+3表示6号字。基准字号用如下标记定义： <BASEFONT size=″基准字号″ >其中“基准字号”也 是1~7之间的整数； 2. 设置字体 用face来设置文字的字体，如黑体、宋体、隶书等。
22
<samp></samp>
<small></small> <big></big>
第3节 文本的格式化
四、字符实体
由于HTML文档是纯粹的ASCII文本，它只支持26个大 小写字母、数字及其他常用的一些ASCII字符，如 @#$等，另外像“”“，“<”，“>”等用于HTML 标记元素的字符以及文档中的空格等，浏览器都 会忽略，不会显示出来，故这类字符无法用原来 的字符标记显示。解决方法就是使用字符实体。 一个字符实体的通常格式为“&#;”，其中“#”代 表字符实体名称或字符的ASCII码值。
3
第1节
注意 ：
HTML语言基础
1.每个元素都用“<”和“>”括起来，“<”与元素名 之间不能有空格或其它字符。 2.所有的元素都是成对出现的，在元素名前加符号“/” 便是其结束标记，表示这种元素内容的结束。 3.元素名不用区分大小写。但在编写网页时最好保持 元素的大小写一致，这样便于辨认，有利于减少编 制网页中的错误。 4.对同一段要标记的内容，可以用多个元素来共同作 用，产生一定的效果。此时各个元素间的顺序也是 任意的。