1、学习笔记汇总：.简介是“（超文本标记语言） ”的缩写。（可扩展超文本标记语言）.主要语法及常用元素属性. 标签中的字母应该大写还是小写？大多数浏览器不介意标签是大写还是小写，或者混合大小写。所以 、 或在浏览器上的显示效果都一样。 但是， 正确的写法是采用小写字母来书写标签。所以，要养成用小写字母书写标签的习惯。. 文档有两个部分：头部（）和主体（）。你在头部（）提供关于网页的信息，你在主体（）部分提供网页的具体内容。. 如果你要指定文档的网页标题（） （它将显示在浏览器窗口顶部），你就要在头部（）提供有关信息。用元素来指定网页标题：即在首标签与尾标签 之间写上网页标题：. 我的第一个网站网页
2、标题（）尤其重要，因为搜索引擎（比如）要用它来索引网页，并显示在搜索结果里。提示：好的设置与描述可以提高页面在搜索引擎的排名.信息标记：标签基本语法 :使用设置页面列表：搜索设置关键字设置页面编码设置（）页面描述设置作者设置.: 企业信息化系统 的属性详解顾名思义， 相当于的文件头作用， 它可以向浏览器传回一些有用的信息， 以帮助正确和精确地显示网页内容，与之对应的属性值为，中的内容其实就是各个参数的变量值。1 / 11 的属性 法格式是： 参数 参数 量 ；其中属性主要有以下几种参数：、 (期限 ) 明：可以用于 定网 的到期 。一旦网 期，必 到服 器上重新 。用法： ,注意：必 使用的
3、格式。、 (模式 ) 明：禁止 器从本地 算机的 存中 面内容, 定， 者将无法脱机 。用法： 注意： 定， 者将无法脱机 。、 (刷新 ) 明：自 刷新并指向新 面。用法： ； 注意：其中的是指停留秒 后自 刷新到网址。、 ( 定 ) 明：如果网 期，那么存 的将被 除。用法： ; ,； 注意：必 使用的 格式。、 ( 示窗口的 定) 明： 制 面在当前窗口以独立 面 示。用法： 注意：用来防止 人在框架里 用自己的 面。、 ( 示字符集的 定) 明： 定 面使用的字符集。用法： ; 、( 网 等 定 )用法： 网 等 定 明：在的 中有一 内容 置，可以防止 一些受限制的网站，而网站的限制
4、 就是通 属性来 置的。 有、 充： 定 入 面 的特殊效果 定离开 面 的特殊效果的 网 渡的 ， 位 秒。2 / 11是过渡方式，它的值为到，分别对应种过渡方式。如下表：盒状收缩盒状放射圆形收缩圆形放射由下往上由上往下从左至右从右至左垂直百叶窗水平百叶窗水平格状百叶窗垂直格状百叶窗随意溶解从左右两端向中间展开从中间向左右两端展开从上下两端向中间展开从中间向上下两端展开从右上角向左下角展开从右下角向左上角展开从左上角向右下角展开从左下角向右上角展开水平线状展开垂直线状展开随机产生一种过渡方式（）、及元素的作用是显示标题（这里的 是“标题（ ）”的意思）。其中是一级标题，字体最大；是二级标题，
5、字体比一级标题略小；而是六级标题，它是最后一级标题，字体也最小。（） 这句话应显示为粗体。（）换行标签：（） 哇！这是我的第一个网站。标签 里的是“段落（） ”的意思，也就是一个文本段落。（）通过用 和 把文本括起来，把文本设为斜体。没错，这里的“”是“斜体（）”的意思。例：这句话应显示为斜体（）可以用标签把文本设为小字体：例：这句话应显示为小字体例： 既是粗体又是斜体注意上面的空元素：它没有尾标签，并且在首标签名称的后面加了空格和斜杠。另一个空元素是 ，它的作用是画一条水平线。这里的“”是“水平线（ ）”的意思。（）中的空元素还包括、和，这三个元素用于制作列表。3 / 11代表“无序列表（）
6、”，它的作用是为每个列表项显示一个粗点。代表“有序列表（）”，它的作用是显示每个列表项的序号。用元素把多个列表项组织为一个列表，其中的代表“列表项（）。 无序列表项 无序列表项 无序列表项 无序列表项 显示效果如下 :无序列表项无序列表项1.无序列表项2.无序列表项元素的属性：属性应写在元素的首标签上。具体写法是：属性名称（）后紧跟一个等号（ “”），后面写上用双引号括起来的属性值（）。对于属性的值，可以用分号（“ ;”）来分隔多个样式指令 红色背景 灰色背景白色：黑色：十六进制代码由“”打头，后面跟六位数字或字母。除此以外，对于一些最常用的颜色（比如白色、黑色、红色、兰色、绿色及黄色等），你
7、还可以使用它们的英语名称。例：看看是什么背景颜色的标题)使背景图片成水印效果，即图片不随着滚动条的滚动而滚动。()属性标志文档的正文文字颜色。如：“”。元素定义的颜色将应用于整篇文档。()超级链接颜色、分别控制普通超级链接、访问过的超级链接、当前活动超级链接颜色。() 和设置网页主体内容距离网页顶端和左端的距离如： “4 / 11网页之间做链接：做链接也是通过元素（）实现的。做链接只需一个元素和一个属性就行了：例： 这是一个指向的链接 元素 代表“链接（） ”；属性 代表“超文本引用（ ）”，它用于指定链接指向何处通常是一个因特网地址或者一个文件名。在上例中， 属性的值为 “”，这是网站的完整
8、地址，也被称作 （统一资源定位符） 。注意，在 里必须包含 “”。“这是一个指向的链接”是这个链接在浏览器中显示出来的文本。记得在元素结尾处写上。如果你要在同一网站的不同网页间做链接，那就不必拼写出网页的完整。举个例子，假如你有两个网页（比如说和），而且它们被存放在同一个文件夹中，那么你在做链接的时候，只要写出文件名就行了。这样，到 的链接将如下所示：例： 点击这里转到第页 如果被放在下一级文件夹中（比如“”），那么链接将是这样：例： 点击这里转到第页 反过来，从（在下级文件夹中）到的链接将是这样：例： 转到第页 你还可以为地址做链接，方法跟为网页做链接差不多：例： 给 发电子邮件 与指向网页
9、的链接的唯一区别在于：指向地址的链接必须以:开头，然后紧接着写地址。 当点击这个链接的时候，缺省的程序将新建一封邮件，其中的收件人地址为链接中指定的地址。注意：这一功能仅当你的计算机安装了程序后才起作用。创建链接总要用到属性。另外，你也可以在链接上使用属性：例：属性用于为该链接输入一个简短描述。当你把鼠标光标停留在该链接上（别点击它）时，提示文字“上 网站学习”便会出现。网页中嵌入图片：5 / 11? （ ，图形交换格式）? 或（，联合图像专家组）? （ ，可移植网络图像）一般来说，是图形和图画的最佳格式，而格式则更适合存放照片。原因有二：第一，格式只支持色，而格式支持数百万色；第二，格式擅长
10、于压缩简单图像，而则更适于压缩复杂图像。压缩率越高，图像文件就越小，页面加载速度就越快。过去，和 是两大主要的图像格式， 但是最近 格式也开始流行起来 （主要是在取代 格式）。 格式拥有许多与 的共同优点：支持数百万色，且压缩效果好。首先，你可以轻易地把存放在其他文件夹、甚至其他网站的的图片插入到自己的网页中。例：例：其次，图片也可以作为链接：例：你总要用属性来告诉浏览器图片的存放位置。除此以外，还有一些有用的属性。属性用于给出图像的替用描述，假如由于某些原因该图像未能显示出来，浏览器就通过显示这个描述来替代图像。对于有视力障碍的人士来说，或者当网页打开很慢的时候，这一特性显得尤为重要。所以说
11、，始终记得写属性：例：有些浏览器会在鼠标光标移到图像上时显示出属性的文本。但是，在使用属性时请注意，该属性的目的是为图片提供一个替用描述，有视力障碍的人士会利用属性来听取有关图片的描述，所以不要将该属性用于显示文本提示那是属性的功能。例：和 属性分别用于设置图像的宽度和高度，以像素为单位。像素（）是用于测量屏幕分辨率的计量单位。 （目前大多数屏幕分辨率是或更高） 。像素跟公分不同，像素是一种相对计量单位， 一个像素的实际大小跟屏幕分辨率有关。在高分辨率显示模式下，差不多个像素等于1 公分；而在低分辨率显示模式下，同样的个像素大约等于1.5 公分。如果你没有为图像设置宽度和高度，它将按原始尺寸显
12、示。但是如果设置了的话，你就可以控制它的显示尺寸：例：但是值得注意的是，虽然可以通过设置高度和宽度来控制图片的显示尺寸，但图片文件的实际大小不会因此而发生变化。所以，不要指望通过设置图片的宽度和高度来减小图片文6 / 11件的大小。相反，你应该在图像编辑程序中来调整图片文件的大小，以加快页面加载速度。不过 和 属性还是有用的， 它们可以在图片被完全下载之前令浏览器知道该用多大的空间来显示图片。这令浏览器可以更快显示出美观的页面。用于创建表格的个基本元素是：? 首标签 和尾标签 分别表示一个表格的开始与结束。这是不难理解的。? 是“ （表格行）”的缩写，用于表示一行的开始和结束。这也容易理解。?
13、 是“ （表格数据） ”的缩写，用于表示行中各个单元格（）的开始和结束。这些都是容易理解的。直观地讲：行是横向的单元格，列是从纵向的单元格：表格有可用的属性吗？表格当然有属性。比如属性用于指定表格四周边框的厚度：例：表格边框的厚度是以象素（）为单位来指定的。与设定图像的显示宽度类似，象素和屏幕百分比也可以用于设定表格宽度：例：表格有很多属性，比如下面这两个：? ：指定整个表格、 某行或某个单元格里内容的水平对齐方式，比如左对齐、 居中或右对齐。? ：指定某个单元格里内容的垂直对齐方式，比如靠上、置中或靠下。 ：（ 1） 放在标签内指表格居中显示。（ 2） 放在标签内指数据内容居中显示。中的 标
14、题，说明文字，字幕：表格的标题，对表格的简单描述。表格的高级特性表格还有哪些相关属性？和 这两个属性用于创建特殊的表格。是“（跨列）”的缩写。属性用在 标签中，用来指定单元格横向跨越的列数：例： 单元格 7 / 11单元格 单元格 单元格 是什么？可能你已经猜到，的作用是指定单元格纵向跨越的行数。你可以使用级联样式表（，简称）为网站设计页面布局。是的搭档。在编码过程中，它们发挥不同的作用：负责网页的具体内容（结构），而则修饰网页的表现形式（布局）。可以用属性将内联到网页中。 : 象素， 有一个优越的特性，即它可以对页面布局进行集中管理。也就是说，你不必在每个标签里都使用 属性；相反，你可以只声
15、明一次，浏览器便会按相应的页面布局效果来显示文本。; : 宋体 ; : 黑体 ; 黑体 ;背景图片：我们在文档的头部 （）插入了， 它将应用于整个页面。 要将嵌入文档， 你只需通过标签 告诉浏览器该段为 即可。另一种使用的方法，是将 代码单独作为一个文档保存。通过把文档独立出来，你就可以同时对多个页面的布局进行集中管理。 如果你要对一个大型网站上的大量网页作字体类型或大小的修改，那么这个方法绝对是最佳选择。除了用于设置颜色与字体等布局之外，还可以控制页面设置与表现形式(边距，漂浮，对齐，宽度，高度等） 。通过为不同元素设置不同的，你可以令页面布局精密而美观。例： 我爱 属性用以定义元素的漂浮方
16、式：靠左还是靠右。下例展示了该属性的用法：例：, ,8 / 11你可以 有很多种方言。 就是 什么某些网站会在不同的 器上 示出不同效果的原因。 了解决 一 ， 明人先生 了万 网 盟（， 3C）来致力于制 通用的标准。但 是一条漫 而 的路程。因此，只要你遵循3C 准来 写，你的网 将永 能在所有 器上 示出来。有很多不同种 ，所以你需要告 器，你的使用的是哪种“方言” （比如）。具体做法是采用文档 型声明。文档 型声明 写在文档的开 部分：例：除了要 出文档 型声明以外（上例中第一行，它告 器 个文档是）， 需要在 中加入一些信息，也就是添加两个属性和。是“”（ 名称空 ）的 写，其 固定
17、 。属性用于指定当前文档所使用的 言，其 采用 准中列出的世界各国 言代 。你可以用3C 的免 器（）来 你的文档是否符合你在文档 型声明中所指定的 型。 了 如何 文档， 写一个网 并将它上 到因特网上， 在，打开网 ，在网 里 入你网 的网址（） ，然后 它。 面注 使用引出特殊字符，如代表一空格* 在内 ,先有行 ,再有列 .* 也可以增加一列,有加粗效果，一般用在 其它属性 :的 先 比高，最后一个属性会 示 色（与的位置无关）表格完整 构 : 9 / 11 * 范 内可以放 内可以使用与放置表格 构,根据需要 ,各部分可省略不写 .： 置 “”， 示的 果就是第一个表格的每个 元格之
18、 的距离 。若将表格 框 “”，则单元格的距离就是了。属性用来指定 元格内容与 元格 界之 的空白距离的大小。此属性的参数 也是数字，表示 元格内容与上下 界之 空白距离的高度所占像素点数以及 元格内容与左右 界之 空白距离的 度所占的像素点数。区域划分 ： 命名属性：()使用 使用，主要依靠 来 ，当你把内容放在 里 ，可以称它 : “ ”,“元素”, “”,或者 的称之 “”。使用 的方法和其他 没有什么两 ：内容 粹使用 而不加任何内容，其效果与用 是一 的。但当把放 中以后，我 就可以指定元素 示在屏幕上的具体位置，可以在某一位置上画出方形或 ，或者指定文字在某一个 中如何 示。首先要
19、做的，是 个元素（即 ）加上一个唯一的 （的作用 似于 个 起个名字） 。加一个号 的可以随意 定，可由字母、数字和下划 成，但必 以字母起 。.控件 ： (? ”)控件 型定 属性：文本：密 框按 片 ( ”)提交重 单选()复 () 藏文件 .文本区（ ”* *”）10 / 11.控件标签：与例子： 列表 列表 说明：的值为选中的的值。如果没有属性，则的值为标签内的值，否则为的。里的属性为控件的默认值。.控件 : 文本区域例子 :默认值 .创建一个框架标签：布局属性（上例是：左宽，其它是右区域）.框架区域定义标签：网页调入属性：* 提示：一个命名后，框架中的页面的超连接属性可以指定在此打开页面。11 / 11
