Download presentation
Presentation is loading. Please wait.
1
专业铸造品质 知识成就未来-硅谷动力网络学院
HTML第一讲 主讲：吴涛 硅谷动力网络学院
2
HTML概念 HTML（Hyper Text Markup Language 超文本标识语言） 是一种用来制作超文本文档的简单标记语言。
3
HTML文档的编写方法 手工直接编写 记事本等，存成.htm .html格式 使用可视化HTML编 辑 器
Frontpage、Dreamweaver等 由Web 服务器（ 或称HTTP 服务器） 一 方实时动态地生成。
4
网页文件命名 *.htm或*.html 无空格 无特殊符号（例如&符号），只可以有下划线“_”，只可以为英文、数字 区分大小写
首页文件名默认为：index.htm 或 index.html
5
HTML 文件结构 <html>...</html> <head>...</head>
<body>...</body> 元素：是HTML语言的基本部分。元素总是成对出现，每一对元素一般都有一个开始的标记（如<body>），也有一个结束的标记（如</body>）。元素的标记要用一对尖括号括起来，并且结束的标记总是在开始的标记前加一个斜杠。
6
HTML 文件结构 (Document Structures)
<HEAD> <title></title> <meta> </HEAD> <BODY> HTML 文件的正文 </BODY> </HTML>
7
第一张网页（01.htm） <html> <head>
<title>my first page</title> </head> <body> This is my first homepage! </body> </html>
8
基本组成部分—— HTML元素属性 HTML元素可以有自己的相关属性，每一个属性还可以由我们网页编制者赋一定的值。元素属性出现在元素的< >内，并且和元素名之间有一个空格分隔；属性值用“”引起来。
9
第二张网页（02.htm） <html> <head>
<title>my first page</title> </head> <body> <p align="center">This is my first homepage!</p> </body> </html>
10
HTML基本结构的 有关元素和元素属性 HEAD元素——1 <head>元素出现在文档的开头部分。<head>与</head>之间的内容不会在浏览器的文档窗口显示，但是其间的元素有特殊重要的意义。 <title> <title>元素定义HTML文档的标题。<title>与</title>之间的内容将显示在浏览器窗口的标题栏。
11
HTML基本结构的 有关元素和元素属性 HEAD元素——2 <meta>元素
<meta name="keywords" content="study,computer"> 用来标记搜索引擎在搜索你的页面时所取出的关键词。
12
HTML基本结构的 有关元素和元素属性 HEAD元素——3 <meta>元素
<meta name="author" content=“wutao"> 用来标记文档的作者。
13
HTML基本结构的 有关元素和元素属性 HEAD元素——4 <meta>元素
<meta http-equiv=“Content-Type” content=“text/html; charset=gb2312”> 用来标记你的页面的解码方式。
14
HTML基本结构的 有关元素和元素属性 HEAD元素——5 <meta>元素
<meta http-equiv=“refresh” content=“5;URL= 用来自动刷新网页
15
练习（03.htm） 编写一个网页，要求3秒钟后自动跳转到硅谷动力学院的网站。 <html> <head>
<title>my first page</title> <meta http-equiv=“refresh” content=“3;URL= </head> <body> <p align=“center”>三秒钟后本网页将自动跳转到硅谷动力网络学院首页</p> </body> </html>
16
<body>元素及元素属性——1
<body>元素表明是HTML文档的主体部分。在<body>与</body>之间，通常都会有很多其它元素；这些元素和元素属性构成HTML文档的主体部分。
17
<body>元素及元素属性——2
(1)bgcolor bgcolor属性标志HTML文档的背景颜色。如：bgcolor="#CCFFCC"。 例：04.htm
18
HTML对颜色的控制 HTML对颜色的控制也有自己的语法。HTML使用16进制的RGB颜色值对颜色进行控制。
16 进制的数码有: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f.
19
常见颜色的代码 颜色 颜色名和RGB值 黑色 Black=”#000000” 银色 Silver=”#c0c0c0” 红色
Red=”#ff0000” 蓝色 Blue=”#0000ff” 白色 White=”#ffffff” 黄色 Yellow=”ffff00” 绿色 Green=”#00ff00” 海蓝色 Aqua=”#00ffff”
20
<body>元素及元素属性——3
(2)background background属性标志HTML文档的背景图片。如：background=“images/bg.gif"。 可以使用的图片格式为GIF，JPG 例：05.htm、06.htm
21
<body>元素及元素属性——4
(3)bgproperties=fixed bgproperties=fixed使背景图片成水印效果，即图片不随着滚动条的滚动而滚动。 例：07.htm和08.htm对比
22
<body>元素及元素属性——5
(4)text text属性标志HTML文档的正文文字颜色。如：text=“#FF6666”。Text元素定义的颜色将应用于整篇文档。 例：09.htm
23
<body>元素及元素属性——6
(5)超级链接颜色 link、vlink、alink分别控制普通超级链接、访问过的超级链接、当前活动超级链接颜色。 例：10.htm
24
<body>元素及元素属性——7
(6) leftmargin和topmargin 设置网页主体内容距离网页顶端和左端的距离如：leftmargin="20" topmargin="30“ 例：11.htm
Similar presentations
