asp网站开发实用教程项目二研究语言.pptx
ASP网站开发实用教程
项目二研究HTML语言在本项目中,通过4个工作任务,向读者展示HTML语言基础,为准确理解后续项目中ASP脚本语言与HTML源码之间互相融合的关系打下基础。
目录任务一使用HTML语言设置超链接任务二使用HTML语言创建表单任务三使用HTML语言设置网页超链接任务四使用HTML设定网页按钮
使用HTML语言设置超链接准备知识使用HTML语言设置超链接认识HTML语言的结构认识HTML文件头元素
1.认识HTML语言的结构1.认识HTML语言的结构程序清单htmlheadtitle/title/headbody/body/html
从结构上来讲,HTML文件是由元素组成的,这样的元素有多种,程序清单02_01.htm所列的是一些最基本的HTML元素。它们用于组织网页的内容和指导网页的输出格式。绝大多数元素是一种容器,它们都有起始标记和结束标记,而在容器内的文本才会受到影响。现在来分析上面的例程,注意找成对的标记。html与/html代表HTML文件的起始与结束。head与/head代表文件头的起始与结束,通常在这个容器中设置HTML文件的一些重要控制信息。title与/title代表该HTML文件的标题,假定读者使用的是微软的IE5.0及以上版本,这时title中的内容将显示于窗口左上角,最小化时显示于任务栏上。在例程02_02.htm中可以看到标题效果。body与/body代表网页体的起始与结束。除了标题和一些控制元素之外,大部分HTML元素都放在body/body容器之间。1.认识HTML语言的结构
知识点链接早期的HTML文件并没有如此严格的结构,为保持兼容性,现今流行的浏览器(如IE)也支持不按上述结构编写的HTML文件。在后面的例子中读者可以看到在某些ASP文件中完全没采用HTML元素或部分采用,部分采用或完全不用HTML元素对编程并无实质性影响。需要注意的是,各个浏览器对HTML元素及其属性的解释也不完全一样。HTML元素不区分大小写,在本书中一律采用小写形式。
2.认识HTML文件头元素2.认识HTML文件头元素HTML文件头元素主要包括标题title、控制meta、层叠样式表。在HTML语言中有文件头元素,这些文件头元素是必须出现的。下面认识几种文件头元素。(1)标题title(2)控制meta
title元素是文件头部分唯一必须出现的元素,其格式为:titleyourtitle/title当然也可以写成:titleyourtitle/title该元素的作用是标明HTML文件的标题,是对文件内容的概括,好的文件标题可以使读者从中判断出该文件的大致内容。(1)标题title2.认识HTML文件头元素
关于meta元素的详细讨论已经超出本书的范围,在这里仅列出一些较为常见的用法,希望能对读者有所帮助。meta元素一般放在head/head容器中,title/title容器前2.认识HTML文件头元素(2)控制meta
任务实施文芳新建了个人网站,应个人需求,她要在“阅读欣赏”网页编写程序。设置普通文本与超链接样式。任务一:使用HTML语言设置超链接使用HTML语言设置超链接
任务分析:理解牢记!由于网页的本质就是超文本标记语言HTML,通过结合使用其他的Web技术可以创造出功能强大的网页。同时,HTML具有简易性、可扩展性、平台无关性、通用性等特点。因此,文芳决定使用HTML完成此项工作任务。任务一:使用HTML语言设置超链接
使用HTML语言设置超链接任务实施
代码如下。程序清单htmlheadtitle链接签与普通文本的作用演示/title/headbodyp中国最大的门户网站之一/pahref=新浪网/a/body/html
在IE上的运行效果如下图所示。
使用HTML语言创建表单准备知识使用HTML语言创建表单网页体body字体font标题hn分段p清单list预排版pre居中center8.表格table
1.网页体bodybody元素可设置一些属性,bgcolor属性用来指定网页背景色,background属性用来指定网页背景图片,当设置了背景图片时,背景色被覆盖。1.网页体body
1.网页体body背景色的设置格式为:bodybgcolor=#000000#000000是RGB颜色值,为16进制数,开始两位数字表示红色的深浅,中间两位表示绿色的深浅,末尾两位表示蓝色的深浅,00为最小值,ff为最大值,#000000表示黑色,#ffffff表示白色,其他有颜色属性的元素,也采用这种方法设定RGB颜色值。如果不设置该属性,则默认背景颜色为白色#ffffff。背景图片的设置格式为:bodybackgrou