第2章常用HTML标记和格式

合集下载

第2章网页设计与制作-HTML语言基础

例2.1 简单的HTML文档 <html> <head> <title>珠海欢迎您！</title> </head> <body> 这里是珠海悠游网，我们带您畅游珠海！ </body> </html>
由“<”和“>”组成的就是标记。在HTML 语言中标记分“单标记”和“双标记”。
2.1 HTML概述
2.2 文本的编辑
2.2.3 标题显示等级
语法格式为：
<hn>…</hn>
n：表示不同级别的标题，n值可以是1-6中的任意数字，其中1表示的标题字体最大。
可以用align属性设置对齐方式，常用的有左对齐，居中，右对齐三种对齐方式。
2.2 文本的编辑
2.2.4 列表
在HTML中，列表常用的有“有序列表”和 “无序列表”。
2.2 文本的编辑
2.2.4 列表
2．无序列表基本语法结构为：
<ul type=“n”>
<li>项目1</li> <li>项目2</li>
……
<li>项目n</li>
</ul>
Type:设置符号形状，有实心圆、小正方形、空心圆三种，具体如下：
n=disk：符号为实心圆。 n=square：符号为正方形。 n=circle：符号为空心圆。
绝对路径：完整的描述文件位置的路径就是绝对路径。对于绝对路径可以不需要知道其他任何信息就可以判断出文件的位置。
相对路径：所谓相对路径,顾名思义就是当前文档与目标的相对位置。例<src = "1.bmp">.

第2章 HTML入门(网页制作案例教程课件)

2020/7/26
2.2 创建第一个HTML文件
• HTML可以使用任何文本编辑器，如Windows“ 记事本”或“写字板等”进行编辑，代码输入后，一定要把文件的扩展名保存为“.htm”或 “.html”。
图2-2 2020/7/26 编辑HTML文档
图2-3 IE显示HTML网页内容
2.3 HTML编码基础
属性值，这里是颜色值(粉红色)
bgcolor就是<body>标记的属性，用于设置背景色
2020/7/26
2.1.2 标记及其属性
• 如果一个标记有多个属性，属性和属性之间用空格隔开。
• 标记在使用时，应注意以下几点：
– HTML标记不区分大小写
– 使用“”标记将HTML文档中注解内容括起来
</head>
<body> <font size=1>1号字体</font><p> <font size=2>2号字体</font><p> <font size=3 color=red>3号字色红体</font><p> <font size=4 color=blue>4号蓝色字体</font><p> <font size=5 color=orange>5号橙色字体</font><p> <font size=6 color=yellow face="黑体">6号黄色黑体字体</font><p> <font size=7 color=green face="隶书">7号绿色隶书字体</font><p> <font size=+2 color=purple face="宋体">+2号紫色宋体字体</font><p

html中的标记举例解释

html中的标记举例解释HTML （Hypertext Markup Language）是一种用于创建网页结构和内容的标记语言。

在HTML中，我们可以使用不同的标记来定义文本、链接、图像、表格等内容。

下面是一些常见的HTML标记及其解释：1. `<p>`：定义段落。

用于包裹段落中的文本，浏览器会自动在段落前后添加一些间距。

2. `<h1>`至`<h6>`：定义标题。

h1为最高级标题，h6为最低级标题，其中h1的字体最大。

3. `<a>`：定义链接。

用于创建一个指向其他页面或相同页面内的链接。

可以通过href属性指定链接的目标URL。

4. `<img>`：定义图像。

用于在网页中插入图像。

通过src属性指定图像的URL，通过alt属性指定图像的替代文本。

5. `<ul>`和`<li>`：定义无序列表。

ul标记定义一个无序列表，li标记定义列表中的每一项。

6. `<ol>`和`<li>`：定义有序列表。

ol标记定义一个有序列表，li标记定义列表中的每一项。

7. `<table>`、`<tr>`和`<td>`：定义表格。

table标记定义一个表格，tr标记定义表格的行，td标记定义表格的单元格。

8. `<form>`和`<input>`：定义表单。

form标记定义一个包含表单元素的表单，input标记定义表单中的输入字段，如文本框、复选框等。

9. `<div>`：定义文档中的块级元素。

用于将文档内容分组，可以通过CSS样式和JavaScript进行操作。

10. `<span>`：定义文档中的内联元素。

用于对文本进行标记，可以通过CSS 样式和JavaScript进行操作。

这些只是HTML中的一小部分标记举例。

HTML中有很多其他的标记可以帮助我们创建丰富多样的网页内容。

网页设计基础-文本格式与超链接

第2章文本格式与超链接（1）段落格式本章目标•掌握段落标记符p、断行标记符br、标题标记符h1~h6、水平线标记符hr的用法。

•理解物理字符样式和逻辑字符样式。

•掌握使用ol/ul 和 li 标记符创建列表。

•掌握使用 a 标记符创建页面链接和锚点链接。

段落格式•段落格式是指针对 HTML 文档中的段落所设置的格式，例如段落的对齐方式。

•还有哪些段落格式？•首行缩进是不是段落格式？段间距呢？分段标记符•分段标记符用于将文档划分为段落，标记为<p></p>。

•换行标记符用于在文档中强制断行，标记为一个单独的<br />。

标题样式•hn 标记符 = 各级标题•n 是1至6的数字；h1表示最大的标题，h6表示最小的标题。

•注意：使用标题时应按照其逻辑含义，而不是按照其显示效果！添加水平线•添加水平线的标记符为hr，它包括以下属性：–size （粗细）–width （长度）–noshade （实线）align 属性•align 属性用于设置段落的对齐格式，取值：right（右对齐）、left（左对齐）、center（居中对齐）和 justify（两端对齐）。

•align 属性可应用于多种标记符，例如p、hn（标题标记符）、hr 等。

•注意：在学习了CSS技术之后应避免使用align属性。

第2章文本格式与超链接（2）字体格式与列表字体格式•字体格式/字符格式是指针对段落中的部分文字所设置的格式，通常包括：字体样式、字号、文字颜色等。

•注意：字体格式属于显示效果的设置，因此应主要使用CSS技术来实现。

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

•常用物理字符样式标记符有：–黑体标记<b></b>–斜体标记<i></i>–下划线标记<u></u>逻辑字符样式•逻辑字符样式是指标记符本身说明了所修饰效果的逻辑含义，例如address标记符。

HTML常用标记（完整版）

HTML常⽤标记（完整版）前端：1.HTML2.CSS3.JavaScript（JS）动态URL：统⼀资源定位符HTML常⽤标记：1.⽂档结构标记（1）⽂档标记：<HTML>…</HTML>（2）头部标记：<HEAD>…</HEAD>（3）标题标记：<TITLE>…</TITLE>（4）主体标记：<BODY>…</BODY>2.格式标记（1）段落标记：<p>…</p>（2）换⾏标记：<br>（3）两边缩进标记：<blockquote>…</blockquote>（4）项⽬列表标记：<dl></dl>、<dt>、<dd>（5）有/⽆序号列表标记：<ol></ol>、<ul></ul>、<li>（6）区隔标记：<div></div>3.⽂本标记（1）标题标记：<hn></hn> (n的范围为1~6)（2）字体标记：<b></b>、<i></i>、<u></u>（3）斜体和加重标记：<em></em>、<strong></strong>（4）字型标记：<font></font>4. 链接标记（1）<a href="⽬标地址">…</a>（2）锚点链接：<a name="标签名"></a>5.图像标记和多媒体标记（1）图像标记：<img src="图像⽂件存储位置与名称">（2）多媒体标记：①设置⾳乐和影像⽂件的超链接。

HTML教材

续上）
４、水平线标签
格式：<hr> 说明：该标签可以用来在页面上插入一条水平标尺线。属性： align size 用来设定横线放置的位置。取值有：left、right和center。用来设定线条粗细，取值为n个像素，默认为2。
width 用来设定线段长度，取值可为绝对值（n个像素）或相对值（相对于当前窗口的百分比），默认值为100%。
来自
2.3.1 网页结构类标签（续上）续上）
格式：<body>……</body> 说明：位于头部之后，以<body>开始，直到</body>结束。定义了网页上显示的主要内容与显示格式，是整个网页的核心，浏览器窗口中所能显示的内容全部被包含在该标签中。属性：用于设定网页的总体风格。其中： bgcolor 设置网页的背景色。 background 设置网页的背景图像。 text 设置网页文本的颜色。 link 设置尚未被访问过的超链接颜色，默认为蓝色。 vlink 设置已被访问过的超链接颜色，默认为蓝色。 alink 设置一个正被激活的超链接颜色，默认为红色。
所示。【例2-3】列表类标签演示，如图】列表类标签演示，如图2-3所示。所示
其代码如下：
<HTML> <HEAD> <TITLE>列表类标签演示列表类标签演示</TITLE> 列表类标签演示 </HEAD> <BODY> <UL TYPE="CIRCLE"> <LI> <P ALIGN="LEFT"><FONT FACE=黑体 SIZE=5 黑体 COLOR=RED>公司口号公司口号</FONT></LI> 公司口号 <OL TYPE="A"> <LI><P ALIGN="LEFT">开拓创新、追求无限开拓创新、开拓创新追求无限</LI> <LI><P ALIGN="LEFT">度身设计、专业服务度身设计、度身设计专业服务</LI> <LI><P ALIGN="LEFT">科技领先、群策管理科技领先、科技领先群策管理</LI> </OL> <LI><P ALIGN="LEFT"><FONT FACE=黑体 SIZE=5 黑体 COLOR=RED>产品介绍产品介绍</FONT></LI> 产品介绍 <OL> <LI><P ALIGN="LEFT">GJF、GJF—F系列臭氧发生器、系列臭氧发生器 </LI> <LI><P ALIGN="LEFT">GSK、GZK系列臭氧发生器电源控制、系列臭氧发生器电源控制系统</LI> 系统 <LI><P ALIGN="LEFT">GJF-T系列臭氧发生器系列臭氧发生器</LI> 系列臭氧发生器 <LI><P ALIGN="LEFT">GYD、GYD—F系列臭氧发生器、系列臭氧发生器 </LI> </OL> </UL> </BODY> </HTML>

第2章 HTML语言基础

<head> <script src="path/to/script.js" language="javascript" type="text/javascript"> </script> </head>
引用外部文件
2.2.3 HTML中样式表的书写
级联样式表CSS可以精确指定网页元素位置，控制网页外观以及创建特殊效果。在网页上使用样式表有三种方法： ① 应用内嵌样式到各个网页元素。 ② 在网页上创建嵌入式样式表。 ③ 将网页链接到外部样式表。 1．内嵌样式使用内嵌样式以应用层叠样式表属性到网页元素上。例如段落标记符的内嵌样式属性如下： <p style="border-style: solid">
2.2.3 HTML中样式表的书写
2．嵌入式样式表若只是定义当前网页的样式，可使用嵌入的样式表。
<HEAD><TITLE>字体属性示例</TITLE> <STYLE> <!-.s1{ font-family:黑体;font-size:x-large; font-style:italic } .s2{ font-size:larger} .s3{ font-variant:small-caps} .s4{ font-weight:bolder} .s5{ font:bolder italic 楷体_gb2312} --> </STYLE> </HEAD>
图2-1 简单的HTML文档
2.2 HTML文件的整体结构
2.2.1 HTML文件结构
一个完整的HTML文件结构如下: <html> 头部 <head>头部信息</head> <body>正文信息</body> 正文 </html>

HTML标记大全

一、HTML标记注释：红色字体为标记和其必不可少的属性；绿色字体为标记中的属性，可任意选取所需要的属性；天蓝色字体为自由填充的属性值；黑色字体为补充内容及对标识和描述内容的注解1、HTML标记语法：<标记名称属性1名=属性1值属性2名=属性2值…>标记在表示HTML文档内容结构和含义的时候，通常有两种方式，我们分别称单标记和双标记。

表1：2、<BODY>的属性BGCOLOR="颜色" (设置背景颜色)BACKGROUND="图片名" (设置背景图片)BGPROPERTIES="FIXED" (设置背景图片固定不变)TEXT="颜色" (设置文本颜色)LINK="颜色" (默认链接)VLINK="颜色" (当鼠标按下时的链接)ALINK="链接按钮" (当鼠标松开后的链接)TOPMARGIN=距离(文本距顶部的距离)LEFTMARGIN=距离(文本距左边的距离)3、设置播放器，必须在BODY的双标记中存在设置背景音乐：<BGSOUND SRC="地址"(歌名或视频名) LOOP=“循环次数”>插入视频音频文件：（FLASH等）<EMBED SRC="地址"(歌名或视频名)WIDTH=宽度HEIGHT=高度(调整播放器的宽度和高度)HIDDEN="TRUE"(隐藏播放器) LOOP=”循环次数”>4、如何使网页在网站的排名靠前，其必须在HEAD中存在<META NAME="K EYWORD"CONTENT="描述网站内容">(用于标记搜索引擎在搜索该页面时所取出的关键词)<META NAME="DESCRIPTION" COUNT="描述网页内容" >（用来标记描述内容）<META NAME="AUTHOR" CONTENT="作者名称" >（用来标记文档的作者）<META HTTP-EQUIV="CONTENT-TYPE" CONTENT= "TEXT/HTML;CHARSET =GB2312">（用来标记你的页面的解码方式）<META HTTP-EQUIV="REFRESH" CONTENT="5;URL= Http:// .com">(用来自动刷新网页)5、标题字体表2：6、文章字体表3：7、物理字体表4：8、字符实体在往HTML文档中写入特殊字符，如“〈”、“〉”、“&”、“ ”等要使用特殊的代码，浏览器会用HTML命令对这些特殊代码进行翻译。

网页设计第2章习题答案

习题1.以下标记符中，用于设置页面标题的是（ A ）。

A <title>B <caption>C <head>D <html>2.以下标记符中，没有对应的结束标记的是（ B ）。

A <body>B <br>C <html>D <title>3.文件头标记也就是通常所见到的____<head>…</head>_____标记。

4.创建一个HTML文档的开始标记符是___<html>______，结束标记符是____</html>_____。

5.标记是HTML中的主要语法，分____单_____标记和____双_____标记两种。

大多数标记是____成对_____出现的，由____开始_____标记和_____结束____标记组成。

6.把HTML文档分为__头部_______和______主体___两部分。

___主体______部分就是在Web浏览器窗口的用户区内看到的内容，而__头部_______部分用来设置该文档的标题（出现在Web 浏览器窗口的标题栏中）和文档的一些属性。

7.HTML4或XHTML1.0的三种文档风格是__严格型、过渡型____、框架型_____。

8.简述一个HTML文档的基本结构。

一个完整的HTML文件包含头部和主体两个部分的内容，在头部内容里，可定义标题、样式等，文档的主体内容就是要显示的信息。

<html>标记通常会作为HTML 文档的开始代码，出现在文档的第一句，而</html>标记通常作为HTML文档的结束代码，出现在文档的尾部，其他的所有的HTML代码都位于这两个标记之间，该标记用于告知浏览器或其他程序，这是一个Web文档，应该按照HTML语言规则对文档内容的标记进行解释；<head>…</head>是HTML文档的头部标记；<bo dy>…</body>标记之间的文本是在浏览器中要显示的页面内容。

第二章网页设计语言_Html

标题标记用于设置文档中的标题，其中
<H1>...</H1>标记表示字体最大的标题，
<H6>…</H6>标记表示字体最小的标题。
每个标题标记所标记的字句将独占一行且上下留下一空白行。
演示：Sample2_4.htm
水平线的插入 <hr>标志是在Html文档中加入一条水平线。
COLOR属性
设置水平线的颜色，例如<HR color=red>
2.5.1 在网页中插入图像
演示：Sample2_13.htm、Sample2_14.htm
2.5.2
播放多媒体文件
Img标记不仅用于在网页中插入图像，也可以用
于播放多媒体文件（.avi）。若要在网页中播放多媒
体文件，应在IMG标记中设置以下属性： DYNSRC：指定要播放的多媒体文件的URL。 START：指定何时开始播放多媒体文件，其取值可以是fileopen或mouseover。
二、创建无序列表使用UL和LI标记来创建，语法格式如下：
<UL>
<LI>列表项1
…… <LI>列表项n </UL>
UL标记的TYPE属性用于指定列表项前面显示的项目符号，其取值可以是：
disc：使用实心圆作为项目符号（默认值）。
circle：使用空心圆作为项目符号。 square：使用方块作为项目符号。演示：Sample2_10.htm
<P align=“center”> 演示：Sample2_7.htm 、Sample2_8.htm
二、换行标记<BR> 大多数情况下，段落标记<P>是分隔文本的最佳

html文档的常用标记

html文档的常用标记
1. <!DOCTYPE>：定义文档类型
2. <html>：定义HTML文档
3. <head>：定义文档的头部，包含元数据
4. <title>：定义文档的标题
5. <body>：定义文档的主体部分
6. <h1> <h2> <h3>...：<h1>定义最大的标题，<h2>定义次大的标题，以此类推
7. <p>：定义段落
8. <a>：定义超链接
9. <img>：定义图像
10. <ul>：定义无序列表
11. <ol>：定义有序列表
12. <li>：定义列表项
13. <table>：定义表格
14. <tr>：定义表格行
15. <td>：定义表格单元格
16. <div>：定义文档中的区块
17. <span>：定义文档中的行内元素
18. <form>：定义表单
19. <input>：定义输入字段
20. <label>：定义表单的标签文本
21. <button>：定义按钮。

第2章网页的基本结构

<标记属性1=属性值属性2=属性值…>受影响的内容</标记>
例如： <FONT size＝3 color＝red>属性示例 </FONT>
26 制作：计算机学院邵黎
第二部分第2章网页的基本结构和段落、文字标记
需要注意：（1）并不是所有的标记都有属性，如换行标
记就没有。（2）根据需要可以用该标记的所有属性，也
5 制作：计算机学院邵黎
第二部分第2章网页的基本结构和段落、文字标记
超文本标记语言——HTML 在 HTML 中被制定的文件格式（
Document Type Definition ，DTD ）有3 种： • Strict DTD（严格的DTD ） • Transitional DTD（过渡的DTD ） • Frameset DTD （框架的DTD ）
第二部分第2章网页的基本结构和段落、文字标记
2.2 HTML文件的基本结构
HTML是用标记来说明网络文件格式的,并通过这些标记对文件的成分进行控制。它实际上就是一种对超文本进行标记的语言，其基本特征就是各种HTML的标记符号。
21 制作：计算机学院邵黎
第二部分第2章网页的基本结构和段落、文字标记
28 制作：计算机学院邵黎
第二部分第2章网页的基本结构和段落、文字标记
在属性值中不要使用“<”和“>”，避免与起始和结束标记混淆。因为浏览器解释 HTML文件时，是根据“<”与“>”来识别标记的，然后再确定这两个符号中的内容是否为HTML文件标记，若是则按其规则解读。必须使用的话，或要在网页中显示“<” 或“>”，就要作为特殊字符，应使用实体字符与分号（如用“<”或 “ &gt ;”来代替 “<”或“>” ）。

HTML常用字体标记

设定字体大小、颜色、字型
有关设定文字的方法共有以下几种:
1.设定HTML文件主体文字颜色。

<BODY>...</BODY>标记。

如: <BODY TEXT=RED>...</BODY> 或
<BODY TEXT=#FF0000>...</BODY>
2.设定基本字体大小、颜色、字型。

<BASEFONT>...</BASEFONT>标记。

3.设定字体大小、颜色、字型。

<FONT>...</FONT>标记。

注意事项
1. 设定字体的大小分: 绝对SIZE 如: <FONT SIZE=4>
和相对SIZE 如: <FONT SIZE=+1> ( 以BASEFONT 设定的字体大小做加减)。

2. 设定字体的颜色可以是颜色名称或#RRGGBB表红绿蓝强度( 00 暗~ FF 亮)。

#RRGGBB 所代表的是红、绿、蓝三原色，每一色由两位十六进制的数值表示( 即十进制0 ~ 255 )。

十六进制: 0、1、2、3、4、5、6、7、8、9、A、B、C、D、E、F。

3. 设定字体的字型会按照顺序找出显示的字型，若找不到则以系统预设字型显示。

HTML基础知识【范本模板】

HTML学习任何一门语言，都要首先掌握它的基本格式，就像写信需要符合书信的格式要求一样。

HTML标记语言也不例外，同样需要遵从一定的规范。

接下来将具体讲解HTML文档的基本格式。

HTML文档的基本格式主要包括<！DOCTYPE>文档类型声明、〈html>根标记、〈head>头部标记、〈body〉主体标记,具体介绍如下：（1）〈!DOCTYPE>标记<!DOCTYPE> 标记位于文档的最前面,用于向浏览器说明当前文档使用哪种HTML 或XHTML（可扩展超文本标记语言) 标准规范，必需在开头处使用〈！DOCTYPE〉标记为所有的XHTML文档指定XHTML版本和类型，只有这样浏览器才能将该网页作为有效的XHTML文档,并按指定的文档类型进行解析。

(2）<html〉</html>标记<html>标记位于〈!DOCTYPE> 标记之后，也称为根标记，用于告知浏览器其自身是一个HTML 文档,<html〉标记标志着HTML文档的开始，〈/html>标记标志着HTML文档的结束，在它们之间的是文档的头部和主体内容。

在〈html〉之后有一串代码“xmlns="http：///1999/xhtml””用于声明XHTML统一的默认命名空间。

（3）〈head〉〈/head>标记<head>标记用于定义HTML文档的头部信息，也称为头部标记，紧跟在〈html〉标记之后，主要用来封装其他位于文档头部的标记,例如<title>、<meta>、〈link〉及<style>等，用来描述文档的标题、作者以及和其他文档的关系等。

一个HTML文档只能含有一对〈head>标记，绝大多数文档头部包含的数据都不会真正作为内容显示在页面中。

（4)<body>〈/body〉标记<body〉标记用于定义HTML文档所要显示的内容,也称为主体标记。

HTML常用标记表

设置表格背景图像
设置单元格的内容与边框之间的距离
设置单元格之间的距离
<tr></tr>
表格行
设置单元格的宽度
<td></td>
行内单元格
设置单元格的高度
设置单元格内容的水平对齐方式
设置单元个内容的垂直对齐方式
设置单元格的背景颜色
设置单元格背景图像
设置单元格边框颜色
<p></p>
段落标记
<br>
换行标记
<font></font>
文字特征标记
设置文字的大小
设置文本的颜色
设置文本字体
<b></b>
文本加粗
<u></u>
文本加下划线
<i></i>
文字斜体
<a href=”url”></a>
文字超级链接
<img>
图像标记
设置图像文件存放位置及文件名
设置图像显示的宽度
设置图像显示的高度
设置图像显示的左右空间
设置图像的上下空间
设置图像的边框厚度
设置对齐方式
设置图片名称
HTML的三种表达方式
1．<标记>对象</标记>
例：<p>星云</p>
2．<标记属性1=参数1属性2=参数2 ……>对象</标记>
例：<palign="center">星云</font>
3．<标记>

第2章文字标签段落标签图象标签

（1）文字标记
在网页中我们所看到的文字属性可以分为：大小、颜色、字体等这些属性其实都是由一个标签决定的： <font size="3" color="red" face="隶书">文字</font> size是用来定义字体的大小的,可以是“1-7” color是定义字体的颜色的 face是控制字型的，可选：宋体，黑体，隶书，arial,arial black等等。
使用 align 属性
注意：对于不同的标记符，默认的 align 属性值不同。P 和 Hn标记符的默认 align 属性值是 left，而 HR 标记符的默认 align 属性值是 center。
② DIV 标记符与 CENTER 标记符如果需要将多个段落使用相同的对齐方式，那么可以不必在每个段落中设置 align 属性，而是使用 DIV 标记符将所有段落包括起来，然后在 DIV 标记符中设置 align 属性。例如，以下 HTML 代码将多个段落的内容都设置为居中对齐，效果如图所示。 <HTML> <HEAD><TITLE>使用 DIV 标记符</TITLE></HEAD> <BODY> <DIV align="center"> <H1 >浣溪沙</H1> <H4>晏殊</H4> <HR width="400">
第二章
文本标记段落标记图像标记
复习：复习：上节课我们已经讨论了HTML语言的基本原理并且使用记事本书写了一些 web页。同时也将网页设置背景颜色、背景图片等效果。其中，我们还设置了文字的颜色，并且知道在<body>中所设置的是所以文字的颜色。今天我们首先来看在网页中究竟如何设置文字的属性。

第2章++超文本标记语言HTML

15
第3节文本的格式化
（2）center 该元素确定位于它之间的对象定位于页面的中央，其用
法为：<center>文本内容</center>
5、水平线<hr> 用法为： <hr align=”对齐方式” width=”横线长度” noshade size=”横线粗细” color=”横线颜色”>
16
第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值较大时，可以产生长方形或正方形图形。.
22
<samp></samp>
<small></small> <big></big>
第3节文本的格式化
四、字符实体
由于HTML文档是纯粹的ASCII文本，它只支持26个大小写字母、数字及其他常用的一些ASCII字符，如 @#$等，另外像“”“，“<”，“>”等用于HTML 标记元素的字符以及文档中的空格等，浏览器都会忽略，不会显示出来，故这类字符无法用原来的字符标记显示。解决方法就是使用字符实体。一个字符实体的通常格式为“&#;”，其中“#”代表字符实体名称或字符的ASCII码值。

相关主题

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

2.5 粗体与斜体
粗体与斜体在语法结构上差不多，应用在文字文本中，且都是用双标记对来表示。在学习本节前，先比较二者区别，可能学起来更有印象。粗体标记的语法是由<b></b>标签对表示，标签对里面的文字在网页中会显示出字体为粗体，语法简单，代码如下： <b>粗体，这里显示的是粗体</b> 同理，斜体<i>里面显示出字体为斜体，语法代码为： <i>斜体，这里显示的是斜体</i> 原来可以这样理解。粗体用<b>包括着，斜体用<i>包括着，代码2.5表示二者代码和效果不同之处。代码2.5 源代码\第2章\粗体与斜体.html <html> <head> <title>粗体与斜体</title> </head> <body> <!—下面表示粗体的用法--> <b>粗体，这里显示的是粗体</b> <br> <!—下面表示斜体的用法--> <i>斜体，这里显示的是斜体</i> </body> </html>
2.8.3 粗体和删除线
在第一段落文字上加粗体，第二个段落加上删除线。部分代码如下： <!—下面一行表示用标题的标记对--> <h1>HTML+CSS完全自学手册</h1> <p> <!—表示在文本中用粗体--> <b>HTML+CSS完全自学手册</b> </p> <p> <!—下面一行表示用删除线--> <s>HTML+CSS完全自学手册</s> </p> <p>  在一行中，在尖括号中放置感叹号“！”和两个“-”，接下来放置注释内容，最后一定要结束注释，结束注释用两个“-”和另一个尖括号组成，即上面代码表示了单行注释。如果网页代码中，只需要注释一行，可以用上面的注释。如果有多行同时需要注释，那是不是每行都用尖括号包围呢？答案是不需要的。其实还有一种方法可以注释多行，请看下面代码： <!-这里放注释第二行注释第三行注释 -->
2.7 上标与下标
上标与下标应用于文字或数字上比较多，如表示化学中的水元素、代学方程式中，在数学中用平方、对数等。这是比较特殊的标记。上标是位于文字或数字的中上位置的标记。如10的平方，平方符号就显示 10的中上位置。稍后做实例分析。先看语法代码，上标代码表示如下： <sup>上标</sup> 同理，下标是在文字或数字的中下位置的标记，应用也比较广泛，如化学元素中的水元素，下标语法代码表示如下： <sub>下标</sub> 为了比较上标与下标的用法，显示出不同效果。用实例来显示出二者效果，如代码2.7所示。
2.8.4 加上化学元素和数学平方跟
在前面的学习中用<sup></sup>表示上标，<sub></sub>表示下标，用这些上标和下标表示数学、化学等特殊符号，完整代码如2.9所示。
2.9 小结
本章所学的知识是网页编写中所用到的部分标记和格式，语法简单易学，有标题<h1></h1>到段落 <p></p>再到换行<br>、注释 <p> HTML+CSS完全自学手册 </p> <p> HTML+CSS完全自学手册 </p> <p> HTML+CSS完全自学手册 </p>
2.8 HTML标记和格式实例手把手
本章节只学了HTML常用的标记和格式，这些知识点以后会常用到，毕竟网页只由少数标签组成。学好常用标签和格式在以后学习中会容易很多。现在来练习一下前面学的知识。知识点通过实例罗列出来。
2.8.1 标题用h1
网页代码基本组成在前一章学过，所以输入文章的关键是放在 <body><</body>里面。现在的文章就是这样输进去，如代码2.8所示。代码2.8 源代码\第2章\HTML标记和格式实例手把手.html <html> <head> <title>HTML标记和格式实例手把手</title> </head> <body> <!—下面这行表示标题h1--> <h1>HTML+CSS完全自学手册</h1> <!—下面表示文本行并在代码中换行--> HTML+CSS完全自学手册 HTML+CSS完全自学手册 HTML+CSS完全自学手册 </body> </html>
2.1.2 标题设置经典案例――字号由大到小
理解了标题是由字母H加从1到6的数字后，下面用实例来演示这6 个标题的效果，代码2.1表示从H1到H6的标题。代码2.1 源代码\第2章\六种不同的标题.html <html> <head> <title>标题标记</title> </head> <body> <!—下面是标题标记对--> <h1>标题h1</h1> <h2>标题h2</h2> <h3>标题h3</h3> <h4>标题h4</h4> <h5>标题h5</h5> <h6>标题h6</h6> </body> </html>
第2章常用HTML标记和格式
通过第1章的学习，对HTML有了一定的认识。HTML由标记（本书中标记与标签是同一概念）组成，其中有单标记和双标记之分，大部分以双标记出现，即标记对（也称标签对）。而本章要介绍的是应用中常用的HTML标记和格式，这些知识点往往在网页中会常用到，也是必须得掌握的知识点之一。在讲解过程中分两部分：标记和格式，学完本章，应掌握以下内容：标题标记段落标记换行与注释强制换行
写文章时，往往要在一个段落中间另起一行，这就要用到换行，在网页中也可以表示换行的，但需要换行标记。换行可在行文中另起一行，显示出段落层次性，给人感觉更有亲和力。在网页编写代码时的换行与按回车键的换行是不同的，即在编写HTML代码中的回车只多了一行空格，在代码中另起一行，但浏览器解释时，会忽视多余空格，只保留一个空格的位置。从2.2节中介绍的，得知网页显示中会去掉里面空格，与正常文档换行不同，所以没达到换行效果。而今天学习的换行就是在网页编写换行代码标记后将在页面中显示出换行效果，当浏览器在解释换行代码时会强制换行，这样在网页中就达到用户在输入时的换行标记的效果。换行标记是音标记，即不会成对出现，语法是在尖括号中包括br的单标记，其完整语法代码如下所示： <br>