预备知识：HTML网页设计基础.ppt

HTML网页设计基础,1认识和使用HTML2HTML常用标记3HTML表单标记4用FrontPage设计HTML,1认识和使用HTML,1.1什么是HTMLHTML使用各种不同的标记符号来分别标识和设定不同的网页元素。每一个网页元素通常由开始标记、结束标记，以及夹在这两个标记中的内容所组成。一个HTML元素的形式可表示为：内容,说明：,也可以在之间使用标记；不区分大小写；连续的空格、Tab键只当成一个空格；可以使用注释；Html文档中的错误会跳过不予理会；各元素可以嵌套不可以交错。,需要区分大小写吗？整个Html文件可以在一行中书写吗？一个标识可以在多行中书写吗？属性之间有次序要求吗？,1.2HTML文档基本架构网页标题这是正文部分！,1.3创建一个简单的HTML文档,图创建一个简单HTML文档,图执行结果,2HTML常用标记,2.1段落标记1标题标记格式：标题文字,说明：标记符用于定义段落标题的大小级数。最大是，最小。align属性可控制文字的对齐方式，值可以是left，center，或者right。,h1,h6,2.1段落类标记,2分段标记格式：文字,说明：标记符用于划分段落。是成对标记符，用于定义内容从新的一行开始，并与上段之间有一个空行。,3换行标记格式：文字,说明：标记符用于定义从新的一行显示，它不产生一个空行，但连续多个标记可以产生多个空行的效果。标记符是非成对标记符。,4横线标记格式：说明：hr标记为非成对标记。,2.2文字格式标记1字体标记格式：文字,2空格用“”表示。,（1）face属性：定义字体，如face=“隶书”。（2）size属性：定义大小，属性值为17，也可以使用相对大小来设置，如size=“+5”、size=“-5”。（3）color属性。定义颜色，可用英文来表示，如：color=“red”；也可使用16进制的RGB来表示，color=“#FF0000”。此外，字体标记符还包括粗体标记符、斜体标记符等。,2.3列表标记1无序列表标记格式：列表项1列表项2列表项n说明：disk（默认）、square、circle,花语各种花所代表的含义如下：玫瑰：纯洁的爱剑兰：用心坚固满天星：爱怜紫罗兰：永恒之美勿忘我：爱到永远,2有序列表标记格式：列表项1列表项2列表项n说明：type的值为：1、a、A、i、I。,2.4表格标记格式：文字文字d11d12d21d22,2HTML常用标记,2.5超链接标记格式：用作超链接的文字或图像,2HTML常用标记,标记符是成对标记符，主要属性有：（1）href。链接文件的地址。（2）target。链接目标的位置。1.指向电子邮件的链接与我联系2.指向站内文件的链接花节3.指向其他网址的链接友情链接,2.6图像标记格式：非成对。HTML和XHTML标准指定了5种图像对齐属性值：left、right、top、middle和bottom。Netscape又增加了4种垂直对齐属性：texttop、absmiddle、baseline和absbottom，InternetExplorer则增加了center。注意：不同的浏览器以及同一浏览器的不同版本对align属性的某些值的处理方式是不同的。注意：HTML4.01不推荐使用align属性，XHTML1.0StrictDTD不支持该属性，同时HTML5也不再支持该属性。,2HTML常用标记,3HTML表单标记,3.1表单定义格式格式：,表单的制作及注意事项：Method属性：指定表单中信息传送给Web应用程序时所采用的方式。Get：把信息作为字符串附加在URL后面。此方式传送信息量小，且以明文显示，保密性差。Post：把表单中的所有信息进行包装后再传送，不受长度限制，且以密文显示，保密性好。,表单的制作及注意事项：Action属性：指明表单提交后将激活的处理程序。action属性值：提交后将数据写入E-mail：提交后交数据写入某ASP文件,3.2常用表单域标记1标记格式：,1.文本框：2.密码框：3.复选框：4.单选按钮：5.按钮,2标记格式：文字文字,3标记格式：,同一表单中所有字段的名称必须以英文命名且不得重复，这个名称将用于后端处理。,3.3表单制作举例,图表单范例执行结果,3.4用FrontPage设计HTML,3.4.1FrontPage工作窗口1普通方式2HTML方式3预览方式,3.4.2网页制作基础1利用模板