html专题学习课件讲诉.pptVIP

专题二 HTML基本标记 上章回顾 HTML文档主要由哪三部分组成，它们的标记各是什么？ HTML基本元素有哪些？它们的标记是什么？ 本章目标 能熟练的使用记事本程序编写HTML文档。 能熟练在页面中使用常见的HTML标记。 能正确的预览编写的HTML页面。 工作任务 利用记事本程序制作诗歌欣赏网页。 在windows下组织文件。 使用IE浏览器预览诗歌欣赏网页。 相关实践知识13-1 在E盘上新建文件夹，命名为“Poem”，并将本页面需要的图片文件“pic.jpg”复制到该文件夹中，作为页面素材留待将来使用。 相关实践知识13-2 打开记事本程序，执行【开始】?【程序】?【附件】?【记事本】。单击“文件”菜单中“保存”命令，以文件名“Poem.html”保存当前记事本文件在E盘的“Poem”文件夹中。 相关实践知识13-3 在记事本文件中创建页面主体，页面的标题为“诗词欣赏”，并设置页面背景为淡紫色（lavender）。 相关实践知识13-4 在页面主体body标记内添加“静夜思”的诗歌标题h2。 相关实践知识13-5 在页面主体body标记内添加作者“李白”，并使用文本格式化标记进行修饰 。 相关实践知识13-6 在页面主体body标记内添加诗歌的内容，并设置诗歌的格式 。 相关实践知识13-7 在页面主体body标记内添加图片。 相关实践知识13-8 在页面主体body标记内添加水平线。 相关实践知识13-9 在页面主体body标记内添加“生平简介”。输入“简介”的文字，使其成为一个段落。 相关实践知识13-10 为“李白（701－762），字太白，号青莲居士。”这段文字设置字体、字号和倾斜。 相关实践知识13-11 在页面主体body标记内再添加一条水平线，设置为右对齐。 相关实践知识13-12 在页面主体body标记内添加列表。 相关实践知识13-13 为列表的各项添加链接 。 总结 文本格式化标记biusubsup 预格式化标记pre 图片标记img 水平线标记hr 文本控制标记font 列表标记：无序列表ul和有序列表ol 文本格式化标记1 b标记是对文本进行加粗设置，以粗体显示的文本包含在b和/b标记内。 文本格式化标记2 i标记是对文本进行倾斜设置，以倾斜效果显示的文本包含在i和/i标记内。 文本格式化标记3 u标记是为文本添加下划线，要显示为带下划线的文本包含在u和/u标记内。 文本格式化标记4 sub标记是下标标记，可以使文本的高度低于周围的文本，并以更小的字号显示。 文本格式化标记5 sup标记是上标标记，可以使文本的高度高于周围的文本，并以更小的字号显示。 预格式化标记pre pre标记用于显示预先已经定义好格式的文本。当文本在浏览器中显示时，会遵循在HTML源文档中定义好的格式。 图片标记img img标记用于在HTML文档中插入图像。 在这个标记中我们可以使用align属性来设置图片的对齐方式，用src属性指定图片的位置和名称。 水平线标记hr hr标记用于在页面上绘制水平线。 文本控制标记font font标记用于控制网页上文本的显示。可使用属性控制文本的字体、大小、颜色。 列表标记1 列表用于按逻辑方式对数据分组。在HTML文档中可以创建以下两种类型的列表： 无序列表 有序列表 列表标记2 无序列表：即“项目符号列表”，列表项前面带有项目符号，可以使用无序列表标记ul和/ul来包含。列表中的每一项都用列表标记li和/li来包含列表项。 列表标记3 有序列表：即“项目编号列表”，列表项前面带有编号，可以使用有序列表标记ol和/ol来包含。列表中的每一项都用列表标记li和/li来包含列表项。 *