第2章 文本格式与超链接_第1页
第2章 文本格式与超链接_第2页
第2章 文本格式与超链接_第3页
第2章 文本格式与超链接_第4页
第2章 文本格式与超链接_第5页
已阅读5页,还剩27页未读 继续免费阅读

下载本文档

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

文档简介

第2章

文本格式与超链接知识要点(1)掌握段落标记符p、断行标记符br、标题标记符h1~h6、水平线标记符hr的用法(2)理解物理字符样式和逻辑字符样式(3)掌握使用ol/ul

和li标记符创建列表(4)掌握使用a标记符创建页面链接和锚点链接本章目标(1)段落格式段落格式是指针对HTML文档中的段落所设置的格式,例如段落的对齐方式。段落格式还有哪些段落格式?01首行缩进是不是段落格式?段间距呢?021.段落格式(1)段落格式Part1分段标记符用于将文档划分为段落,标记为<p></p>Part2换行标记符用于在文档中强制断行,标记为一个单独的<br/>2.分段标记符(1)段落格式hn标记符=各级标题n是1至6的数字;h1表示最大的标题,h6表示最小的标题注意:使用标题时应按照其逻辑含义,而不是按照其显示效果!3.标题样式(1)段落格式添加水平线的标记符为hr,它包括以下属性:size(粗细)width(长度)noshade(实线)4.添加水平线(1)段落格式1align属性用于设置段落的对齐格式,取值:right(右对齐)、left(左对齐)、center(居中对齐)和justify(两端对齐)2align属性可应用于多种标记符,例如p、hn(标题标记符)、hr等注意:在学习了CSS技术之后应避免使用align属性。5.align属性(1)段落格式4.段落格式示例(2)字体格式与列表字体格式/字符格式是指针对段落中的部分文字所设置的格式,通常包括:1.字体格式字体样式01字号02文字颜色03注意:字体格式属于显示效果的设置,因此应主要使用CSS技术来实现。(2)字体格式与列表物理字符样式是指标记符本身说明了所修饰的效果。常用物理字符样式标记符有:2.物理字符样式01黑体标记<b></b>02斜体标记<i></i>03下划线标记<u></u>(2)字体格式与列表逻辑字符样式是指标记符本身说明了所修饰效果的逻辑含义,例如address标记符。常用逻辑字符样式:3.逻辑字符样式01<strong></strong>02<em></em>03<code></code>(2)字体格式与列表有序列表是一种在表的各项前显示有数字或字母的缩排列表,表示一种顺序的关系。定义有序列表的语法如下:4.有序列表<oltype=”1|A|a|I|i”><li>Listitem1</li><li>Listitem2</li></ol>属性type用来设置数字序列样式,取值为:1、A、a、I、i。(2)字体格式与列表无序列表是一种在表的各项前显示有特殊项目符号的缩排列表,表示并列关系。定义无序列表的语法如下:5.无序列表<ultype=”disc|circle|square”><li>Listitem1</li><li>Listitem2</li></ul>(2)字体格式与列表6.嵌套列表(2)字体格式与列表7.文本元素总结块元素h#换行br展示元素bp通用元素diviprespanuaddress列表ulsmallblockquoteolhr行内元素emlistrongsubsup(2)字体格式与列表8.核心文档结构元素01h1~h302p03ul,ol,li(3)超链接URL(UniversalResourcesLocator)用于定位Web上的文档信息。一个URL包括3部分:1.超链接基础协议01计算机地址02文件路径03(3)超链接绝对URL是指资源的完整地址,包括所有3个部分:绝对URL协议01计算机02文档名03(3)超链接相对URL是指Internet上资源相对于当前页面的地址,它包含从当前页面指向目标页面位置的路径。使用相对URL的好处:易于维护。使用相对URL时,经常使用两个与DOS类似的符号:相对URLPart1句点(.)表示当前目录Part2双重句点(..)表示当前目录的上一级目录(3)超链接根据超链接的目标文件不同,分为:2.不同类型的超链接超链接网页之间的超链接01页面内的超链接02文件下载超链接03Email超链接04空超链接05(3)超链接根据超链接源对象的不同,分为01文本超链接02图像超链接(包括图像映射)03对象超链接(例如Flash、Java小程序)(3)超链接根据超链接实现方式的不同,分为:HTML超链接01JavaScript超链接02对象超链接03(3)超链接a标记符用于创建超链接,href属性用于指定超链接的目标文件。3.创建超链接1内部网页超链接<ahref=wow.htm>关于魔兽世界</a>2外部网页超链接<ahref=>Microsoft</a>(3)超链接<ahref=页面的URL#该文件中的锚点>link</a><ahref=#>blanklink</a><ahref="图2-5.htm#yyjb">夜雨寄北</a>(3)超链接使用页面内的超链接,首先需要定义锚点,然后在超链接中指向该锚点。定义锚点应使用<aname=xxx></a>

指向锚点的超链接为:锚点链接<ahref=#锚点名称>link</a>指向其他页面内锚点的超链接:(3)超链接<ahref=mailto:i@>Email</a>控制命令:?subject=设置信件主题?cc=设置抄送人?bcc=设置密件抄送人&组合多个控制命令(

温馨提示

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

评论

0/150

提交评论