网页设计与制作课件第2章 节 HTML基础知识.ppt

第2章 HTML基础知识;本章导读;HTML简介 文字版面的编辑 建立超链接 表格;任务1 HTML简介;阶段1 HTML编辑和运行环境;2.元素的概念;3.HTML标签;4.HTML文件结构;输入完成后保存扩展名为“html”的文件，双击打开该文件。 ;从上述代码中可以看出HTML文件的基本机构如下图所示。 ;任务2 文字版面的编辑;阶段1 布面布局;换行标签示例;分段控制标签p 由p标签所标识的文字，代表同一个段落的文字。不同段落间的间距等于连续加了两个换行符，也就是要隔一行空白行，用以区别文字的不同段落。它可以单独使用，也可以成对使用。单独使用时，下一个P的开始就意味着上一个P的结束。 格式：P文字/p 文字p p align = 参数文字p;测试分段控制标签 html head title测试分段控制标签/title /head body p丑小鸭历经千辛万苦、重重磨难之后变成了白天鹅，那是因为它心中有着梦想，梦想支撑着它。命运其实没有轨迹，关键在于对美好境界、美好理想的追求。/p p align=left人生中的挫折和痛苦是不可避免的/p p align=center要学会把它们踩在脚下/p p align=right每个孩子都会有一份属于自己的梦想/p /body分段控制标签示例 /html ;分段控制标签示例;原样显示文字标签pre HTML HEAD TITLE原样显示文字标签/TITLE /HEAD BODY PRE 春眠不觉晓， 处处闻啼鸟。 夜来风雨声， 花落知多少。 /PRE /BODY /HTML;;居中对齐标签center HTML HEAD TITLE居中对齐标签/TITLE /HEAD BODY pre CENTER 《春晓》p 春眠不觉晓， 处处闻啼鸟。 夜来风雨声， 花落知多少。 /CENTER /BODY /HTML ;;引文标签blockquote ;;阶段2 字体属性;测试标题文字标签 HTML HEAD TITLE设定各级标题/TITLE /HEAD BODY H1 ALIGN=CENTER一级标题。/H1 H2二级标题。/H2 H3三级标题。/H3 H4四级标题。/H4 H5 ALIGN=RIGHT五级标题。/H5 H6 ALIGN=LEFT六级标题。/H6 /BODY /HTML ;;文字格式控制标签font;;任务3 建立超链接;阶段1 超链接的建立;;2.链接路径;阶段2 在同一个文件中建立链接;测试在同一个文件中建立链接 HTML HEAD TITLE唐诗欣赏/TITLE /HEAD BODY a name=topH2唐诗欣赏/H2/a a name=lbH2王昌龄/H2/a A href=#T.2 出塞/Abr A href=#T.1闺怨/Abr A href=#T.3长信怨/A HR BRBR H3A NAME=T.2出塞/A /H3 pre 秦时明月汉时关， 万里长征人未还。 但使龙城飞将在， 不教胡马度阴山。 /PRE ;;;;阶段3 建立不同文件的链接;测试建立不同文件的链接（如图2-12、图2-13）： html head title李白/title /head body center a href=index.htmlh1 align=centerfont color=#339933王昌龄/font/h1/a font color=#339933 size=+2 pre 王昌龄：（约690— 约756），字少伯， 京兆长安（今陕西西安）人。早年贫贱，困于农耕，年近不惑，始中进士。 初任秘书省校书郎，又中博学宏辞，授汜水尉，因事贬岭南。开元末返长安， 改授江宁丞。被谤谪龙标尉。安史乱起，为刺史闾丘所杀。其诗以七绝见长， 尤以登第之前赴西北边塞所作边塞诗最著，有“诗家夫子王江宁”之誉。 /pre /font/center /body /html;;阶段4 根路径;任务4 表格;阶段1 定义表格的基本语法;在一个最基本表格元素中，必须包含一组table标签、一组tr标签和一组td标签。测试定义表格如下：;;阶段2 表格标签的属性;1.设置表格边框的尺寸border;2.表格的边框显示状态 frame;;本章小结