《jsp&asp HTML概念》由会员分享,可在线阅读,更多相关《jsp&asp HTML概念(24页珍藏版)》请在金锄头文库上搜索。
1、HTML第一讲,专业铸造品质 知识成就未来,HTML概念,HTML(Hyper Text Markup Language 超文本标识语言) 是一种用来制作超文本文档的简单标记语言。 用HTML编写的超文本文档称为HTML文档。,HTML文档的编写方法,手工直接编写 记事本等,存成.htm .html格式 使用可视化HTML编 辑 器 Frontpage、Dreamweaver等 由Web 服务器( 或称HTTP 服务器) 一 方实时动态地生成。,网页文件命名,*.htm或*.html 无空格 无特殊符号(例如&符号),只可以有下划线“_”,只可以为英文、数字 区分大小写 首页文件名默认为:in
2、dex.htm 或 index.html,HTML 文件结构,. . . 元素:是HTML语言的基本部分。元素总是成对出现,每一对元素一般都有一个开始的标记(如),也有一个结束的标记(如)。元素的标记要用一对尖括号括起来,并且结束的标记总是在开始的标记前加一个斜杠。,HTML 文件结构 (Document Structures), HTML 文件的正文,第一张网页(01.htm),my first pageThis is my first homepage!,基本组成部分 HTML元素属性,HTML元素可以有自己的相关属性,每一个属性还可以由我们网页编制者赋一定的值。元素属性出现在元素的内,并
3、且和元素名之间有一个空格分隔;属性值用“”引起来。,第二张网页(02.htm),my first page This is my first homepage!,HTML基本结构的 有关元素和元素属性,HEAD元素1 元素出现在文档的开头部分。与之间的内容不会在浏览器的文档窗口显示,但是其间的元素有特殊重要的意义。 元素定义HTML文档的标题。与之间的内容将显示在浏览器窗口的标题栏。,HTML基本结构的 有关元素和元素属性,HEAD元素2 元素 元素下面可以插入很多很有用的元素属性。下面介绍四种:用来标记搜索引擎在搜索你的页面时所取出的关键词。,HTML基本结构的 有关元素和元素属性,HEAD
4、元素3 元素 用来标记文档的作者。,HTML基本结构的 有关元素和元素属性,HEAD元素4 元素 用来标记你的页面的解码方式。,HTML基本结构的 有关元素和元素属性,HEAD元素5 元素 用来自动刷新网页,练习(03.htm),编写一个网页,要求3秒钟后自动跳转到潇湘职业学院的网站。my first page三秒钟后本网页将自动跳转到潇湘职业学院首页,元素及元素属性1,元素表明是HTML文档的主体部分。在与之间,通常都会有很多其它元素;这些元素和元素属性构成HTML文档的主体部分。,元素及元素属性2,元素中有下列元素属性: (1)bgcolor bgcolor属性标志HTML文档的背景颜色。
5、如:bgcolor=“#CCFFCC“。 例:04.htm,HTML对颜色的控制,HTML对颜色的控制也有自己的语法。HTML使用16进制的RGB颜色值对颜色进行控制。 16 进制的数码有: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f.,常见颜色的代码,元素及元素属性3,元素中有下列元素属性: (2)background background属性标志HTML文档的背景图片。如:background=“images/bg.gif“。 可以使用的图片格式为GIF,JPG例:05.htm、06.htm,元素及元素属性4,元素中有下列元素属性: (3)bgproperties=fi
6、xed bgproperties=fixed使背景图片成水印效果,即图片不随着滚动条的滚动而滚动。例:07.htm和08.htm对比,元素及元素属性5,元素中有下列元素属性: (4)text text属性标志HTML文档的正文文字颜色。如:text=“#FF6666”。Text元素定义的颜色将应用于整篇文档。 例:09.htm,元素及元素属性6,元素中有下列元素属性: (5)超级链接颜色 link、vlink、alink分别控制普通超级链接、访问过的超级链接、当前活动超级链接颜色。 例:10.htm,元素及元素属性7,元素中有下列元素属性: (6) leftmargin和topmargin 设置网页主体内容距离网页顶端和左端的距离如:leftmargin=“20“ topmargin=“30“ 例:11.htm,