ASP动态网页设计2

单击此处编辑母版标题样式1ASP动态网页设计南京交通职业技术学院1单元二HTML语言单击此处编辑母版标题样式2ASP动态网页设计南京交通职业技术学院21.HTML文档的基本结构；2.各种常用标记，包括段落和文本标记、列表标记、图像标记、超链接标记、表格标记、框架标记及表单标记等。单击此处编辑母版标题样式3ASP动态网页设计南京交通职业技术学院3学:1.文档的基本结构；2.各种常用标记的使用方法。做:根据需要灵活运用HTML语言编写静态网页单击此处编辑母版标题样式4ASP动态网页设计南京交通职业技术学院4重点：1.表格标记2.表单标记3.超链接标记难点：1.表单标记2.超链接标记单击此处编辑母版标题样式5ASP动态网页设计南京交通职业技术学院5ASP文件基本组成；讲解HTML基础知识单击此处编辑母版标题样式6ASP动态网页设计南京交通职业技术学院6HTML文档的基本结构HTMLHEADTITLEWeb页的标题/TITLE/HEADBODYH1欢迎来到HTML世界/H1/BODY/HTMLHTML文档头部部分主体部分HTML…/HTML标签标记HTML文档的开始和结束这部分包括标题和其他说明信息。包括在HEAD…/HEAD标签内这部分包含文本、图像和链接。它包括在BODY…/BODY标签内案例剖析：单击此处编辑母版标题样式7ASP动态网页设计南京交通职业技术学院7HTMLHEADTITLEBODY标记的属性/TITLE/HEADBODYbgcolor=greenyellowtext=#0000ff设置网页的背景色为黄绿色,设置网页的文本颜色属性为蓝色/BODY/HTML主体标记BODY…/BODYBODYbgcolor=greenyellowtext=#0000ff属性提供有关元素的附加信息值属性之间无先后次序，属性也可省略（即取默认值），标记的属性值需要用双引号或单引号括起来。分配给属性的内容案例剖析：单击此处编辑母版标题样式8ASP动态网页设计南京交通职业技术学院8META标记META标记是一个特殊的HTML标记，提供有关网页的信息，如作者姓名、公司名称和联系信息等。例如：要将GrahamBrowne指定为作者，则使用以下META标记：METAname=“作者content=GrahamBrowne单击此处编辑母版标题样式9ASP动态网页设计南京交通职业技术学院9http-equiv属性可用来代替META标记中的name属性例如：METAhttp-equiv=expirescontent=Wed,26Feb1997GMT属性值：具体的过期时间属性名称：网页过期METAhttp-equiv=refreshcontent=“2表示每隔2秒，自动刷新网页实战演示：自动刷新的例子单击此处编辑母版标题样式10ASP动态网页设计南京交通职业技术学院10设置文本格式标题段落换行符字体字符格式化特殊字符水平线单击此处编辑母版标题样式11ASP动态网页设计南京交通职业技术学院11HTMLHEADTITLE设置标题/TITLE/HEADBODYH1第1级标题（H1）/H1H2第1级标题（H2）/H2H3第1级标题（H3）/H3H4align=left第1级标题（居左）/H4H5align=center第1级标题（居中）/H5H6align=right第1级标题（居右）/H6/BODY/HTMLH1到H6标记用于指定不同级别的标题标题标记Hn案例剖析：单击此处编辑母版标题样式12ASP动态网页设计南京交通职业技术学院12HTMLHEADTITLE换行、分段标记的使用/TITLE/HEADBODYP输入第一行文本。/PP输入第二行文本。/P输入第三行文本。br输入第四行文本。/BODY/HTMLP/PP…/P标签用于标记段落分段与换行标记br只要在文本中放入BR标记，就会强制换行案例剖析：单击此处编辑母版标题样式13ASP动态网页设计南京交通职业技术学院13设置字体、字号和颜色标记HTMLHEADTITLE设置字体、字号和颜色/TITLE/HEADBODYH1设置文字的属性/H1FONTsize=1color=cyan1号字青色/FONTFONTsize=2color=#0099332号字绿色/FONTFONTsize=3color=orangeface=幼圆3号幼圆桔黄色/FONTFONTsize=4color=crimsonface=隶书4号隶书深红色/FONTFONTsize=5color=brownface=黑体5号黑体棕色/FONTFONTsize=6color=dodgerblueface=方正舒体6号方正舒体水蓝色/FONTFONTsize=7color=#0000ffface=华文彩云7号华文彩云蓝色/FONT/BODY/HTMLFONTSIZE=5COLOR=brownFACE=黑体可以按名称或十六进制值指定颜色可以为字体指定的大小范围为从1到7可以指定一列字体，各字体间用逗号分隔。浏览器以最先找到的字体显示文本FONT标记及其相关属性（如SIZE、COLOR和FACE）可用于控制网页上文本的显示案例剖析：单击此处编辑母版标题样式14ASP动态网页设计南京交通职业技术学院14HTMLHEADTITLE学习HTML/TITLE/HEADBODYPB这很有趣/BBRBRI足球是最令人喜爱的运动之一。/IBRBRU信息技术是发展的关键。/UBRBR水的分子式是HSUB2/SUBO。BRBR3SUP2/SUP等于9。BRBR/P/BODY/HTML字符格式化标记此标记用于对文本应用各种格式，如粗体、斜体、下划线、下标、上标等案例剖析：单击此处编辑母版标题样式15ASP动态网页设计南京交通职业技术学院15插入特殊字符某些字符在HTML中具有特殊意义，如小于号()定义HTML标签的开始字符实体用于在HTML文档中插入特殊字符，如版权号，注册商标等插入特殊字符需要用HTML字符实体®©空格；单击此处编辑母版标题样式16ASP动态网页设计南京交通职业技术学院16特殊字符字符实体大于号()>小于号()<引号(“)"®®©©&号&常用特殊符号的实体名称单击此处编辑母版标题样式17ASP动态网页设计南京交通职业技术学院17使用水平线HTMLHEADTITLE水平线段标记的应/TITLE/HEADBODY插入水平线HRHRalign=leftsize=4width=320HRalign=centersize=6width=60%color=blueHRalign=rightsize=8width=360color=rednoshade/BODY/HTMLHR标记属性alignSizeWidthColorNoshadeHR标记用于在页面上插入水平线案例剖析：单击此处编辑母版标题样式18ASP动态网页设计南京交通职业技术学院18列表标记列表用于按逻辑方式对数据分组玫瑰花向日葵兰花苹果桔子水仙芒果水果•苹果•芒果•桔子花卉•水仙•兰花•向日葵•玫瑰花单击此处编辑母版标题样式19ASP动态网页设计南京交通职业技术学院19列表类型：无序列表…BODYH1星期中的每一天/H1ULLI星期日LI星期一LI星期二LI星期三LI星期四LI星期五LI星期六/UL/BODY…无序列表也称为“项目列表”无序列表的属性ULTYPE=nn=discn=circlen=squere案例剖析：单击此处编辑母版标题样式20ASP动态网页设计南京交通职业技术学院20…BODYH1星期中的每一天/H1OLLI星期日LI星期一LI星期二LI星期三LI星期四LI星期五LI星期六/OL/BODY…列表类型：有序列表有序列表的属性OLSTART=nTYPE=值LITYPE=值VALUE=nTYPE=1TYPE=ITYPE=iTYPE=ATYPE=a有序列表是在各列表项前面显示数字或字母的缩排列表案例剖析：单击此处编辑母版标题样式21ASP动态网页设计南京交通职业技术学院21插入图像HTMLHEADTITLE动物世界/TITLE/HEADH1FONTSIZE=3COLOR=FORESTGREENB让我们看看这些可爱的动物/B/FONT/H1BODYPIMGALIGN=BOTTOMSRC=Animal.jpg底部对齐/PPIMGALIGN=TOPSRC=Animal.jpg顶部对齐/PPIMGALIGN=MIDDLESRC=Animal.jpg居中对齐/P/BODY/HTML案例剖析：单击此处编辑母版标题样式22ASP动态网页设计南京交通职业技术学院22创建超级链接目标端点可以是任意类型的网络资源，例如可以是一个网页、一幅图像、一首歌曲、一段动画或一个应用程序等超链接是由源端点到目标端点的一种跳转源端点可以是网页中的一段文本或一幅图像等按照目标端点的不同，网页中的超链接可以分为文件链接、锚点链接、E-mail链接和空链接。单击此处编辑母版标题样式23ASP动态网页设计南京交通职业技术学院23创建文件链接文件链接的目标端点是网页中的一个文件HTML的A标记用于创建文件链接AHREF=URLTITLE=字符串TARGET=打开窗口方式文本或图像/A必选项，用于指定目标端点的URL地址。可选项，用于指定指向超链接时所显示的标题文字用于设定目标资源所要显示的窗口。可选值为：_blank，_parent，_self，_top，框架名称。单击此处编辑母版标题样式24ASP动态网页设计南京交通职业技术学院24创建锚点链接链接到同一文档的某个部分锚点标记用于使用户“跳转”到文档的某个部分A标记的NAME属性用于创建锚标记为达到这种跳转效果，请在HREF参数中使用该标记ANAME=“marker”主题名称/AAHREF=“#marker”主题名称/A实战演示：单击此处编辑母版标题样式25ASP动态网页设计南京交通职业技术学院25...BODYAHREF=#Lion狮子/ABRAHREF=#Zebra斑马/ABRAHREF=#Cheetah印度豹/ABRANAME=Lion狮子/AP狮子的吼声从八公里之外就能听到！雄狮（很容易从鬃毛识别出雌雄）的重量达250公斤。而雌狮则要轻得多，只有180公斤。BRANAME=Zebra斑马/AP没有任何两匹斑马的斑纹完全一样，因此每匹斑马都是独一无二的。斑马也称为黑白条纹相间的马......单击此处编辑母版标题样式26ASP动态网页设计南京交通职业技术学院26链接到其他文档的特定位置…P让我们深入了解一些动物BRAHREF=AnimalDetails.htm#Lion狮子/ABRAHREF=AnimalDetails.htm#Zebra斑马/ABRAHREF=AnimalDetails.htm#Zebra印度豹/A…Animals.htm…ANAME=Lion狮子/AP狮子的