第6章网页制作及网站发布.ppt

第6章 网页制作及网站发布 办公室：工科实验楼B区448 电 话html head title第一个网页/title /head body 这是我做的第一个网页 /body /html HTML HEAD title/title meta /HEAD BODY HTML 文件的正文 /BODY /HTML html head title第一个网页/title /head body p align=center这是我做的第一个网页/p /body /html body…… i倾斜文本/i b粗体文本/b u下划线文本/u s删除线文本/s …… /body 下拉列表 （1）基本语法 select name=* option value=** selected说明/option option value=***说明2 /option /select （2）列表框的长度 select size=** （3）允许多选 select size=** multiple 6.3 HTML语言 网页中的框架 制作框架页面的步骤： 1.编写所有子框架页面 2.编写主框架页面 3.在主框架页面中设定子框架名称 4.如果框架页面之间存在链接，在子框架中设定链接。 注意：框架页面是不含body标签的 6.3 HTML语言 基本语法 frameset frame src=url noframes body 您的浏览器不支持框架，请考虑升级您的浏览器！ /body /noframes /frameset 6.3 HTML语言 定义框架的基本语法 框架由一对frameset定义 frameset有两个属性：rows和cols rows定义上下分割的框架的大小； cols定义左右分割的框架的大小； 在定义大小时，rows和cols可以使用相对大小或以百分比为单位。 6.3 HTML语言 各窗口的尺寸设置 frameset rows=#横排多个窗口 frameset rows=30%,20%,* frame src=A.html frame src=B.html frame src=C.html /frameset 排列方式：A B C 6.3 HTML语言 HTML注释 HTML文档可以插入注释。注释内容不会在浏览器窗口显示 HTML注释的格式为： !-- 注释内容 -- !--多行注释内容 -- 6.3 HTML语言 文本的对齐 hn align=#.../hn （n=1,2,3,4,5,6） p align=#.../p （#=left, center, right） 文字的分区显示 div align=# ... /div （#=left, center, right） 6.3 HTML语言 HTML段落与分行控制 居中 center标签 center标签使所标记的字符居中。它的作用与使用p标签里的align=“center”类似。 如：center居中段落/center 标尺线 hr size = #：设定线宽 hr width=#：设定线长 hr align=#：设定对齐方式 #=left, right hr color=# ：设定线的颜色 6.3 HTML语言 无序列表标签-1 HTML规定了多种列表标签。列表所起的主要作用是使特定的文本有序化。 无序列表标签—2 无序列表是由ul和li标签定义的: ul lisports/li li food /li li drink /li li friends /li /ul 6.3 HTML语言 无序列表标签—3 无序列表的默认符号是圆点。 ul标签有type属性，通过定义不同的type属性可以改变列表的项目符号。 目前，type属性的属性值有： disc（圆）、circle（圆圈）、square（方块） 6.3 HTML语言 有序列表标签—1 有序列表由ol和li定义: ol lisports/li li drink/li li friends/li /ol 有序列表标签—2 ol标签也有自己的type属性，type属性的属性值有1、A、a、I、i等。例如，以A、B、C……作为列表的编号ol标签还可以定义列表的起始编号，如希望列表的第一个编号为5，而不是1，则需要定义ol标签的start属性 6.3 HTML语言 超级链接—普通超级链接 超级链接