《html课件.ppt》由会员分享，可在线阅读，更多相关《html课件.ppt（22页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、手工直接编写手工直接编写记事本等，存成记事本等，存成.htm .html格式格式使用可视化使用可视化HTML编编 辑辑 器器Frontpage、Dreamweaver等等由由Web 服务器（服务器（ 或称或称HTTP 服务器）一方实时服务器）一方实时动态地生成。动态地生成。*.htm或或*.html无空格无空格无特殊符号（例如无特殊符号（例如&符号），只可以有下划线符号），只可以有下划线“_”，只可以为英文、数字，只可以为英文、数字区分大小写区分大小写首页文件名默认为：首页文件名默认为：index.htm 或或 index.html文件格式文件格式 解析：表明文件的开头与结尾解析：表明文件的开
2、头与结尾文头区段文头区段 解析：描述文件的信息，但在网页中不显示解析：描述文件的信息，但在网页中不显示主题主题 解析：解析：文档的标题文档的标题，显示在标题栏中，显示在标题栏中内文区段内文区段 解析：解析：表明是表明是HTML文档的主体部分文档的主体部分 元素：是元素：是HTML语言的基本部分。元素总是语言的基本部分。元素总是成对成对出现：出现：.、. 每一对元素一般都有一个开始的标记，如：每一对元素一般都有一个开始的标记，如：，也有一个结束的标记，如：，也有一个结束的标记，如： 元素的标记要用一对尖括号括起来，并且结束的元素的标记要用一对尖括号括起来，并且结束的标记总是在开始的标记前加一个斜
3、杠。标记总是在开始的标记前加一个斜杠。例例1： my first page This is my first homepage! 1、在、在“HTML1课时课时”文件夹中新建一个文本文件文件夹中新建一个文本文件 2、依照例、依照例1，将代码输入在文本文件中，并保存，将代码输入在文本文件中，并保存 3、将文本文件的文件名改为、将文本文件的文件名改为first.htm 4、双击打开、双击打开first.htm，查看效果，查看效果 HTML元素可以有自己的相关属性，每一个属性还元素可以有自己的相关属性，每一个属性还可以由我们网页编制者赋一定的值。元素属性出现可以由我们网页编制者赋一定的值。元素属性出
4、现在在元素的元素的内，并且和元素名之间内，并且和元素名之间有一个空格分隔有一个空格分隔；属性值用属性值用“ ”引起来。引起来。 例例2：如网页属性中的背景属性：如网页属性中的背景属性：background 实践二：实践二：在文本文件中加入如下文字，看网页的变化在文本文件中加入如下文字，看网页的变化 This is my first homepage! HEAD元素元素 元素出现在文档的开头部分。元素出现在文档的开头部分。与与之间的内容不会在浏览器的文档窗口显之间的内容不会在浏览器的文档窗口显示，但是其间的元素有特殊重要的意义。示，但是其间的元素有特殊重要的意义。 元素定义元素定义HTML文档的
5、标题。文档的标题。与与之间的内容将显示在浏览器窗口的标题栏。之间的内容将显示在浏览器窗口的标题栏。 元素表明是元素表明是HTML文档的主体部分。在文档的主体部分。在与与之间，通常都会有很多其它元素；这些元素和元素之间，通常都会有很多其它元素；这些元素和元素属性构成属性构成HTML文档的主体部分。文档的主体部分。 元素属性有：元素属性有： 1、bgcolor属性标志属性标志HTML文档的背景颜色。文档的背景颜色。 如：如：bgcolor=#CCFFCC“ 2、background属性标志属性标志HTML文档的背景图片。文档的背景图片。 如：如：background=“bg2.jpg“ ,可以使用
6、的图片格式为可以使用的图片格式为GIF，JPG 3、text属性标志属性标志HTML文档的正文文字颜色。文档的正文文字颜色。 如：如：text=“#FF6666”，Text元素定义的颜色将应用于整篇文档。元素定义的颜色将应用于整篇文档。例：例：bgcolor=“#CCFFCC” HTML对颜色的控制也有自己的语法。对颜色的控制也有自己的语法。HTML 使用使用16进制的进制的RGB颜色值对颜色进行控制。颜色值对颜色进行控制。 16 进制的数码有进制的数码有: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f.颜色颜色颜色名和颜色名和RGB值值黑色黑色Black=”#000000”
7、银色银色Silver=”#c0c0c0”红色红色Red=”#ff0000”蓝色蓝色Blue=”#0000ff”白色白色White=”#ffffff”黄色黄色Yellow=”#ffff00”绿色绿色Green=”#00ff00”海蓝色海蓝色Aqua=”#00ffff” 文字属性标记文字属性标记1.文字颜色文字颜色 指定颜色指定颜色 . #=RRGGBB 16 进制数码进制数码2.文字字体文字字体 . #=客户端可获得的字体客户端可获得的字体 文字颜色文字颜色 3.文字大小文字大小 . #=1, 2, 3, 4, 5, 6, 7 or +#, -#一月一月二月二月三月三月120010001500单
8、元格（用单元格（用来表来表示，每个单示，每个单元格可以有元格可以有背景颜色和背景颜色和背景图片）背景图片）表格（用表格（用来表来表示，表格可以有背景颜示，表格可以有背景颜色、背景图片）色、背景图片）表格边框表格边框每一行可以用每一行可以用来表示，来表示，单元格放在行单元格放在行中，每行可以中，每行可以有很多的单元有很多的单元格。格。表头（用表头（用来来表示，表头是特表示，表头是特殊的单元格，其殊的单元格，其中的文字加进去中的文字加进去之后默认是居中之后默认是居中并且加粗）并且加粗） 元素：定义一个表格。元素：定义一个表格。 每一个表格只有一对每一个表格只有一对和和，一张页，一张页面中可以有多个
9、表格。面中可以有多个表格。 元素：定义表格的行，一个表格可以有多元素：定义表格的行，一个表格可以有多行，所以行，所以对于一个表格来说不是唯一的。对于一个表格来说不是唯一的。 元素：定义表格的一个单元格。每行可以元素：定义表格的一个单元格。每行可以有不同数量的单元格，在有不同数量的单元格，在和和之间是单之间是单元格的具体内容。元格的具体内容。 需要注意的是：上述的三个元素必须、而且只需要注意的是：上述的三个元素必须、而且只能够配对使用。缺少任何一个元素，都无法定能够配对使用。缺少任何一个元素，都无法定义出一个表格。义出一个表格。 定义表格定义表格 定义表头定义表头 定义表行定义表行 定义单元格定
10、义单元格 1、width属性：指定表格或某一个表格单元格的宽度。属性：指定表格或某一个表格单元格的宽度。单位可以是单位可以是%或者象素。或者象素。2、height属性：指定表格或某一个表格单元格的高度。属性：指定表格或某一个表格单元格的高度。单位可以是单位可以是%或者象素。或者象素。3、border属性：表格边线粗细属性：表格边线粗细4、bgcolor属性：指定表格或某一个单元格的背景颜属性：指定表格或某一个单元格的背景颜色色5、background属性：指定表格或某一个单元格的背属性：指定表格或某一个单元格的背景图片。其属性值为一个景图片。其属性值为一个URL地址。地址。6、align属性：
11、指定表格或某一个单元格里的内容属性：指定表格或某一个单元格里的内容 文本、图片等）的对齐方式。文本、图片等）的对齐方式。7、bordercolor属性：指定表格或某一个单元格的属性：指定表格或某一个单元格的 边框颜色边框颜色8、cellspacing属性：单元格间距。属性：单元格间距。9、cellpadding属性：单元格边距。属性：单元格边距。 引用图片必须用引用图片必须用元素标志。元素标志。元素下元素下的基本元素属性是的基本元素属性是src属性，属性，src的属性值为所引的属性值为所引用的图片的用的图片的URL地址。地址。 src属性是必须的。属性是必须的。Src的的URL可以是可以是绝对地址绝对地址，也可以是也可以是相对地址相对地址 超级链接是用锚元素超级链接是用锚元素定义的定义的 在在元素下，有元素属性元素下，有元素属性href，href的属性值为的属性值为一个一个URL地址地址 如：如：百度百度 如：如：用记事本打开用记事本打开first.htm文件，照下图，完善网页。文件，照下图，完善网页。