教程网第三章文字与段落_第1页
教程网第三章文字与段落_第2页
教程网第三章文字与段落_第3页
教程网第三章文字与段落_第4页
教程网第三章文字与段落_第5页
已阅读5页，还剩43页未读， 继续免费阅读

下载本文档

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

文档简介

文字与段落第三章目标2文字的内容文字的修饰标记段落标记标题字标记字体标记水平线标记输入特殊符号3特殊符号特殊符号符号码特殊符号符号码“"§§＆&¢¢<<￥¥>>··©©€€®®￡£±±™™××空格

注释语句<Comment>,<!---->4页面中可以加入相关的说明注释语句，便于源代码编写者对代码的检查与维护。这些解释语句并不会出现在浏览器的显示中。在源代码适当的位置添加注释是很好的习惯，因为一但代码过长，很可能连编写者最后都会产生混浊，适当的注释有助于对源代码的理解。<Comment>……

</Comment><!--……-->特殊符号与注释语句<HTML><HEAD><TITLE>页面的注释语句</TITLE></HEAD><BODY><COMMENT>这是页面的注释语句之一</COMMENT>©"这"是一本专业&详尽的

<HTML>书籍®<!--这是页面的注释语句之二--></BODY></HTML>5标题字标记<H>6在HTML中，定义了六级标题，从一~六级，字体大小依次递增。标题字标

记描

述<H1>……</H1>一级标题<H2>……</H2>二级标题<H3>……</H3>三级标题<H4>……</H4>四级标题<H5>……</H5>五级标题<H6>……</H6>六级标题<H><HTML><HEAD><TITLE>页面的标题文字</TITLE></HEAD><BODY><H1>这是一本专业详尽的HTML书籍</H1><H2>这是一本专业详尽的HTML书籍</H2><H3>这是一本专业详尽的HTML书籍</H3><H4>这是一本专业详尽的HTML书籍</H4><H5>这是一本专业详尽的HTML书籍</H5><H6>这是一本专业详尽的HTML书籍</H6></BODY></HTML>7标题字的对齐属性<Align>8标题字可以在页面中实现水平方向左、中、右的对齐便于文字在页面中的编排。标题字的对齐属性属

性描

述<Hn

Align=Left>……</Hn>标题居左对齐<Hn

Align=Center>……</Hn>标题居中对齐<Hn

Align=Right>……</Hn>标题居右对齐<Hn

Align=Justify>……</Hn>标题两端对齐9<Align><HTML><HEAD><TITLE>页面标题字的对齐</TITLE></HEAD><BODY><H1>这是一本专业详尽的HTML书籍</H1><H2ALIGN=Left>这是一本专业详尽的HTML书籍</H2><H3ALIGN=Center>这是一本专业详尽的HTML书籍</H3><H4ALIGN=Right>这是一本专业详尽的HTML书籍</H4></BODY></HTML>字体标记1-110粗体标记<B>,<Strong>–

<B>……

</B>–

<Strong>……</Strong>斜体标记<I>,<Em>,<Cite>–

<I>……</I>–

<Em>……

</Em><Cite>……

</

Cite>上标标记<Sup><Sup>……

</

Sup>下标标记<Sub><Sub>……

</

Sub>字体标记1-211大字号标记<Big>：将当前的文字加大一级字号<Big>……

</

Big

>小字号标记<Small>：将当前文字减小一级字号<Small>……

</

Small>下划线标记<U><U>……

</

U>删除线标记<S>,<Strike><S>……

</

S><Strike>……

</

Strike

>12字体标记<HTML><HEAD><TITLE>页面的粗体字</TITLE></HEAD><BODY>这是一本<B>专业</B><STRONG>详尽</STRONG>的HTML书籍<BR>这是一本<I>专业</I><EM>详尽</EM>的<CITE>HTML</CITE>书籍<BR>9X<SUP>2</SUP>+2X+3=17<BR>3X<SUB>1</SUB>+2X<SUB>2</SUB>=10<BR>这是一本<BIG>专业详尽</BIG>的HTML书籍<BR>这是一本<BIG>专业详尽</BIG>的<SMALL>HTML</SMALL>书籍<BR>这是一本<U>专业详尽</U>的HTML书籍<BR>这是<S>一本</S>专业详尽的HTML书<STRIKE>籍</STRIKE><BR></BODY></BODY></HTML>提示用户键盘输入信息<Kbd><body><input

name=“”

type=“text”>

<kbd>请在此输入0-9之间的数字</kbd>\</body>13地址文字标记<Address>这个标记用于显示E-mail、地址等文字内容，主要用于英文字体的显示中。<Address>……

</

Address><HTML><HEAD><TITLE>页面的地址文字</TITLE></HEAD><BODY><P>这是一本专业详尽的HTML书籍</P>有任何技术问题请联系：<ADDRESS></ADDRESS></BODY></HTML>14打印机标记<TT>这个标记可以创建出打字机风格的字体，文字间是以等宽来显示的。<TT>……

</

TT><HTML><HEAD><TITLE>打字机风格文字</TITLE></HEAD><BODY><P>这是一本专业详尽的HTML书籍</P><P><TT>What

we

are

doing

is

justwhat

you

need.</TT></P>有任何技术问题请联系：<ADDRESS></ADDRESS></BODY></HTML>15等宽文字标记<Code>,<Samp>这个标记可以使用等宽的字体来显示文字内容，多用于英文文字。<Code>……

</

Code><Samp>……

</

Samp><HTML><HEAD><TITLE>等宽文字</TITLE></HEAD><BODY><P>这是一本专业详尽的HTML书籍</P><P><CODE>What

we

are

doing

isjust

what

youneed.</CODE></P><P><SAMP>Web

Design

is

a

kind

ofartand

industry.</SAMP></P></BODY></HTML>16字体标记<Font>17如果希望更改页面中的字体、字号和颜色，最佳是使用<Font>标记。<Font>标记的属性属

性描

述Face字体Size字号Color颜色字体属性<Face>18<Font Face=“Font_name,Font_name,……”>……<

/Font

><Font>标记中的Face定义了字体，不同的字体可以定义多次，字体之间使用“,”分开，如果第一种字体系统不存在，就显示第二中字体，如果字体都不存在，就显示默认的字体。<Face><HTML><HEAD><TITLE>文字的字体</TITLE></HEAD><BODY><H2><FONT

FACE="文鼎特粗黑">这是一本专业详尽的HTML书籍</FONT></H2><H2><FONT

FACE="CourierNew,Times

New

Roman">Whatwe

are

doing

is

just

whatyou

need.</FONT></H2><H4><FONT

FACE="隶书">有任何技术问题请联系：</FONT></H4></BODY></HTML>19字体属性<Size>20<Font

Size=“Value”>……<

/Font

><Font>标记中的Size定义了字号，VALUE取值范围为从1~7或者+1~+7、从-1~-7。HTML页面中的文字可以使用不同的字号表现。字号指的是字体的大小，它没有一个绝对的

大小标准，其大小只是相对于默认字体而言。<Size><HTML><HEAD><TITLE>文字的字号</TITLE></HEAD><BODY><FONT

SIZE=1>这是</FONT><FONT

SIZE=2>一本</FONT><FONT

SIZE=3>专业</FONT><FONT

SIZE=4>详尽</FONT><FONT

SIZE=5>的</FONT><FONT

SIZE=6>HTML</FONT><FONT

SIZE=7>书籍</FONT><FONT

SIZE=+1>谢谢</FONT><FONT

SIZE=-1>购买</FONT></BODY></HTML>21颜色属性<Color>22HTML页面中的文字可以使用不同的颜色表现。丰富的字符颜色毫无疑问能够极大增强文档的表现力。<Font

Color=“Value”>……</Font><Font>标记中的Color定义了颜色，Value定义颜色的名称或者十六进制代码。23<Color><HTML><HEAD><TITLE>文字的颜色</TITLE></HEAD><BODY><FONTSIZE=1COLOR="#000000">这是</FONT><FONTSIZE=2COLOR="#009900">一本</FONT><FONTSIZE=3COLOR="#C0C0C0">专业</FONT><FONTSIZE=4COLOR="#808000">详尽</FONT><FONT

SIZE=5

COLOR="#800000">的</FONT><FONT

SIZE=6COLOR="#0000FF">HTML</FONT><FONTSIZE=7COLOR="#800080">书籍</FONT><FONTSIZE=+1COLOR="#008080">谢谢</FONT><FONTSIZE=-1COLOR="#00FFFF">购买</FONT></BODY></HTML>基字标记<Basefont>24这个标记用于设定基本的文字属性，对于字号，<Font

Size=+N>……</Font>

或<FontSize=-N>……</Font>将受到这个基本字号的影响。<Basefont

Face=“Font_Name,……”Color=“Value”

Size=“Value”><Basefont><HTML><HEAD><TITLE>基字对文字的影响</TITLE></HEAD><BODY>这是一本<BASEFONT

SIZE=5COLOR="#009900"FACE="文鼎特粗黑">专业详尽的HTML书籍<FONT

SIZE=+1COLOR="#008080">谢谢</FONT><FONT

SIZE=-1>购买</FONT></BODY></HTML>25段落标记<P>26在HTML语言中，有专门的标记表示段落。所谓段落，就是一段格式统一的文本。在文档窗口中，每输入一段文字，按下回车键后，就自动生成一个段落。按下回车键的操作通常被称为做硬回车，可以说，段落就是带有硬回车的文字组合。在HTML中，段落主要由标记<P>定义。<P>…</P>…<P>可以使用成对的<P>标记来包含段落，也可以使用单独的<P>标记来划分段落。<P><HTML><HEAD><TITLE>段落文字</TITLE></HEAD><BODY><P>这是一本专业详尽的HTML书籍</P>谢谢购买<P>如有技术问题请联系：<P></BODY></HTML>27段落标记的对齐属性<Align>28段落的对齐方式，指的是段落相对于文档窗

口（或浏览器窗口）在水平位置的对齐方式。段落文字在页面中可以实现水平方向上的左、中、右的对齐，便于文字在页面中的排版。<P

Align=Left>…</P><P

Align=Center>…</P><P

Align=Right>…</P><P>标记的Align属性可以使段落文字进行居左、居中、居右的对齐。<Align><HTML><HEAD><TITLE>段落文字的对齐</TITLE></HEAD><BODY><P>这是一本专业详尽的HTML书籍</P><P

ALIGN=LEFT>谢谢购买</P><P

ALIGN=CENTER>如有技术问题请联系：</P><P

ALIGN=RIGHT>2004年6月北京最新版</P></BODY></HTML>29换行标记<Br>30段落与段落之间是隔行换行的，文字的行间距过大，这时可以使用换行标记来完成文字的紧凑换行显示。<Br>一个换行使用一个<Br>，多个换行可以连续使用多个<Br>标记。<Br><HTML><HEAD><TITLE>文字的换行</TITLE></HEAD><BODY>这是一本专业详尽的HTML书籍<BR>谢谢购买<BR>如有技术问题请联系：<BR><BR>2004年6月北京最新版<BR></BODY></HTML>31不换行标记<Nobr>32如果浏览器中单行文字的宽度过长，浏览器会自动将该文字换行显示，如果希望强制浏览器不换行显示，可以使用相应的标记。<Nobr>……</Nobr><Nobr><HTML><HEAD><TITLE>文字的不换行</TITLE></HEAD><BODY><P>这是一本专业详尽的HTML书籍，谢谢购买，如有技术问题请联系：，2004年6月北京最新版。</P><NOBR>这是一本专业详尽的HTML书籍，谢谢购买，如有技术问题请联系：，2004年6月北京最新版。</NOBR></BODY></HTML>33在<Nobr>标记中强制换行标记<Wbr>34在<Nobr>标记中的文字被强制不换行，但是在<Nobr>标记中被<Wbr>标记包含的内容，则可以被强制换行。<Wbr>……</Wbr><Wbr><HTML><HEAD><TITLE>文字强制换行</TITLE></HEAD><BODY><NOBR>这是一本专业详尽的

HTML书籍，谢谢购买，<WBR>如有技术问题请联系：，2004年6月北京最新版。</WBR></NOBR></BODY></HTML>35预格式化标记<Pre>36所谓预格式化，就是保留文字在源代码中的格式，页面中显示的和源代码中的效果完全一致。浏览器在显示其中的内容时，会完全按照其真正的文本格式来显示。<Pre>……

</Pre><Pre><HTML><HEAD><TITLE>文字的预格式化</TITLE></HEAD><BODY><PRE>人生无跟蒂，飘如陌上尘。分散逐风转，此以非常身。落地为兄弟，何必骨肉亲。得欢当作乐，斗酒聚比邻。盛年不重来，一口难再晨，及时当勉励，岁月不待人。</PRE></BODY></HTML>37居中标记<Center>如果希望使段落或文字居中对齐，可以使用专门的居中标记。<Center>……

</Center><HTML><HEAD><TITLE>文字的居中对齐</TITLE></HEAD><BODY><CENTER>这是一本专业详尽的HTML书籍<BR>谢谢购买<BR>如有技术问题请联系：<BR><BR>2004年6月北京最新版</CENTER></BODY></HTML>38缩排标记<Blockquote>使用缩排标记，可以实现页面文字的段落缩排，实现多次缩排可以使用多次缩排标记。<Blockquote>……

</Blockquote><HTML><HEAD><TITLE>文字的缩排</TITLE></HEAD><BODY>这是一本专业详尽的HTML书籍<BLOCKQUOTE>谢谢购买</BLOCKQUOTE><BLOCKQUOTE><BLOCKQUOTE>如有技术问题请联系：</BLOCKQUOTE></BLOCKQUOTE><BLOCKQUOTE><BLOCKQUOTE><BLOCKQUOTE>2004年6月北京最新版</BLOCKQUOTE></BLOCKQUOTE></BLOCKQUOTE></BODY></HTML>39水平线标记<Hr>40水平线用于段落与段落之间的分隔，使文档结构清晰明白，是文字的编排更整齐。水平线自身具有很多的属性，如宽度、高度、颜色、排列对齐等。<HrWdith=Value><HrWdith=Value%><Hr

Size=Value>宽度可以是绝对的像素为单位，也可以相对的百分比为单位。而高度只能用绝对像素。<Hr>，<HTML><HEAD><TITLE>设定水平线的高度</TITLE></HEAD><BODY><H1>主流的网页设计软件</H1><HRWIDTH=300

SIZE=1><P>目前，网页技术进入了一个新的阶段，现在的网页再也不是图片的堆积和枯燥无味的文本了，人们现在追求的是网页的动态效果和交互性。而MACROMEDIA公司的网页设计三剑客软件

DREAMWEAVER、FLASH、FIREWORKS正是交互性网页设计的杰出代表，其最新版本MX2004继承了前期版本的优点进行了功能的进一步整合，非常适合于网页设计和网站建设的需要。</P><HRWIDTH=80%

SIZE=5><P>

1999-2004

北京</P><HR></BODY></HTML>41水平线去掉阴影属性<Noshade>，默认的水平线是空心立体的效果，可以将其设置为实心并且不带阴影的水平线。<HR

Noshade><HTML><HEAD><TITLE>去掉水平线的阴影</TITLE></HEAD><BODY><H1>主流的网页设计软件</H1><HR

WIDTH=300

SIZE=1

NOSHADE><P>目前，网页技术进入了一个新的阶段，现在的网页再也不是图片的堆积和枯燥无味的文本了人们现在追求的是网页的动态效果和交互性。而MACROMEDIA公司的网页设计三剑客软件

DREAMWEAVER、FLASH、FIREWORKS正是交互性网页设计的杰出代表，其最新版本MX2004继承了前期版本的优点，进行了功能的进一步整合，非常适合于网页设计和网站建设的需要。</P><HR

WIDTH=80%

SIZE=5

NOSHADE>北京</P><P>

1999-2004</BODY></HTML>42水平线颜色属性<Color>，为了使水平线更美观，同整体页面更协调，我们可以设置水平线颜色。<HR

Color=Value><HTML><HEAD><TITLE>设定水平线的颜色</TITLE></HEAD><BODY

BGCOLOR=#33ffff><H1>主流的网页设计软件</H1><HR

WIDTH=300

SIZE=1

NOSHADECOLOR=#663366><P>目前，网页技术进入了一个新的阶段，现在的网页再也不是图片的堆积和枯燥无味的文本了人们现在追求的是网页的动态效果和交互性。而MACROMEDIA公司的网页设计三剑客软件

DREAMWEAVER、FLASH、FIREWORKS正是交互性网页设计的杰出代表，其最新版本MX2004继承了前期版本的优点

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

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

最新文档

评论

0/150

提交评论