HTML与页面开发之【文字网页】_第1页
HTML与页面开发之【文字网页】_第2页
HTML与页面开发之【文字网页】_第3页
HTML与页面开发之【文字网页】_第4页
HTML与页面开发之【文字网页】_第5页
已阅读5页,还剩22页未读 继续免费阅读

下载本文档

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

文档简介

1、讲师:余涛回顾浏览HTML的原理HTML是一种标记语言使用记事本、专业工具都可编写HTMLHTML主要结构相对路径绝对路径本章目标 熟练使用各种排版标记定制HTML页面。 熟练使用各种字体标记修饰文字。 熟练使用各种列表标记创建列表。 熟练使用链接标记添加超级链接。第1节 排版标记排版标记段落标记格式段落标记为文字、图片、表格等之间留一空白行。学习HTML其实很容易。 只要熟悉HTML常用的标记的使用、特性、规则等等。 这样你就可以说已经掌握了HTML。 段落标记属性class 设置CSS类align 水平对齐方式lang 语言信息dir 文字方向style 设置内嵌样式title 设置工具提

2、示换行标记格式在不另起一段的情况下将当前的强制文字、图片、表格等强制换行显示于下一行。 如果你在文字排版中需要换行就加入“br”标记即可。水平标记格式可以在浏览器上显示一条细线以分隔两个区域。 水平标记属性size 设定线条厚度align 水平对齐方式width 设定线条长度color 设定线条颜色noshade 设定线条为平面第2节 字体标记字体标记粗体标记格式、皆是文档中格式化粗体文本。2.2字体标记Strong、B标记都用于字体加粗显示。Strong、B标记通常都可以加粗文字,显示效果一样。文本强调标记格式所有文字将全部显示为斜体强调样式。包含 、标记2.2字体标记标记都用于文字斜体显示

3、。看!用address标记同样有斜体效果。我是em标记,我还不是可以实现斜体效果。 标题标记格式 至 变粗变大加宽程度逐渐减小。这是H1标记效果这是H2标记效果这是H3标记效果这是H4标记效果这是H6标记效果这是H6标记效果字体标记格式用来改变默认的字体、颜色、大小等属性。font标记更灵活地设置字体格式。项目实战 利用排版标记完成指定网页排版第3节 列表标记列表标记无序列表标记格式无序列表中的项目符号是几何图形。UL称为无序清单标记。 无序列表中的项目符号是几何图形。有序列表标记格式有序列表中的项目符号是数字或字母序列。OL称为顺序清单标记。LI则用以标示清单项目。有序列表中的项目符号是数字或字母序列。列表项目标记格式无论是有无序列表,列表项目都用标记列出。WordAccess巴黎纽约第4节 链接标记第5节 特殊字符显示项目实战 1.将清平调这首诗在页面中显示出来,要求以诗的排版形式。 2.请插入一个5行数据的列表,内容不限,要求字体为“宋体”、20象素大小、粗体。总结 排版标记包括、 列表标记包括、 链接标记包括 由

温馨提示

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

最新文档

评论

0/150

提交评论