HTML学习课程表

《HTML学习课程表》由会员分享，可在线阅读，更多相关《HTML学习课程表（92页珍藏版）》请在金锄头文库上搜索。

1、HTML,B/S结构,B/S结构（Browser/Server,浏览器/服务器模式），是WEB兴起后的一种网络结构模式，WEB浏览器是客户端最主要的应用软件。这种模式统一了客户端，将系统功能实现的核心部分集中到了服务器上，简化了系统的开发、维护和使用，同时也大大简化了客户端的电脑载荷，减轻了系统维护与升级的成本和工作量。 B/S结构最大的优点就是可以在任何地方进行操作而不用安装任何专门的软件。只要有一台能上网的终端就能使用，客户端零维护。,html概述,超文本标记语言（Hypertext Markup Languag，HTML）是标准通用标记语言(SGML)下的一个应用，是一种规范，一种标准。

2、网页文件本身是一种文本文件，它通过标记符号来标记要显示的网页中的各个部分。 浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容。但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果（兼容性）。 何为超文本：“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。 静态网页文件扩展名：.html 或 .htm 动态网页文件扩展名：.php .jsp .net等 超文本标记语言包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。 XHTML：可扩展

3、超文本标记语言,html文件结构,是文档的开始标记和结束标记。此元素告诉浏览器其自身是一个 HTML 文档，在它们之间是文档的头部和主体。 元素出现在文档的开头部分。与之间的内容不会在浏览器的文档窗口显示，但是其间的元素有特殊重要的意义。 定义网页标题，在浏览器标题栏显示。 之间的文本是可见的网页主体内容，body中的元素包含网页中的所有内容（比如文本、超链接、图像、表格和列表等等。）, HTML文件声明开始网页标题文件体HTML文件声明结尾,html标签概念,HTML标签是由尖括号包围的关键词，比如 HTML标签通常是成对出现的（双边标记），比如 和 标签对中的第一个标签是开始标签，第二个标

4、签是结束标签； 开始和结束标签也被称为开放标签和闭合标签 也有单独呈现的标签（单边标记），如：、和等。 一般成对出现的标签，其内容在两个标签中间。单独呈现的标签，则在标签属性中赋值。如标题和 。 标签可以有若干个属性，也可以不带属性。如元素就不带任何属性,标答的语法： 内容部分 ,html标签编写规则,标签不区分大小写 大部分标签有结束标记。有结束标记时，需要使用结束标记。有些标记没有结束标记。 标签可以嵌套，在嵌套时注意标记位置。 标签可以有内容或者没有内容 标签的属性是可选的 当标签中出现属性时，必须为其赋值 属性赋值必须包含在尖括号”内部 属性与标记之间、各属性之间需要以空格隔开 属性值

5、以双引号括起来,html标签属性,html标签字体修饰标记,实例,代码编辑器,在编辑程序时，一个好的编辑工具会使程序编写过程更加轻松、有效和快捷。 代码编辑工具可分为两类 一类是IDE(Integrated Design Environment，集成开发环境)，这类工具功能强大，语法高亮显示、自动缩进、语法提示、自动完成、版本控制等。 增强的代码编辑工具，这类工具只提供语法高亮显示、自动缩进等辅助功能 常用的代码编辑工具 EditPlus Text editor：功能强大、小巧、占用系统资源少等特点，没有代码自动补齐功能。 UltraEdit：与EditPlus类似，也是一套功能强大的文本编辑

6、器 Dreamweaver：建立WEB站点和应用程序的专业工具。它将布局功能、开发工具、代码编辑组合在一起。 Notepad+：小巧且有效率的文本编辑器 Zend Studio：Zend Studio是一个屡获大奖的专业 PHP 集成开发环境，具备功能强大的专业编辑工具和调试工具,EditPlus编辑器使用,EditPlus是由韩国人Sangil Kim开发的一款小巧但是功能强大的可处理文本、HTML和程序语言的32位编辑器，你可以通过设置用户工具将其作为C,Java,Php等等语言的一个简单的IDE。 参数设置 工具参数 字体设置(字号、字体、行高) 颜色设置(前景、背景) 语法颜色 布局：

7、更改目录的位置,html颜色介绍,网页颜色表示 纯单词表示：red、green、blue、orange、gray等 10进制表示：rgb(255,0,0) 16进制表示：#FF0000、#0000FF、#00FF00等 RGB色彩模式 自然界中所有的颜色都可以用红、绿、蓝(RGB)这三种颜色波长的不同强度组合而得，这就是人们常说的三原色原理。 RGB三原色也叫加色模式，这是因为当我们把不同光的波长加到一起的时候，可以得到不同的混合色。例：红+绿=黄色 红+蓝紫色 绿+蓝=青 在数字视频中，对RGB三基色各进行8位编码就构成了大约1678万种颜色，这就是我们常说的真彩色。所有显示设备都采用的是R

8、GB色彩模式。 RGB各有256级(0-255)亮度，256级的RGB色彩总共能组合出约1678万种色彩，即256256256=16777216,HTML颜色介绍,十六进制颜色 一般网页中的颜色用十六进制表示 十进制的基数：0、1、2、3、4、5、6、7、8、9 十六进制的基数：0、1、2、3、4、5、6、7、8、9、A、B、C、D、E、F 将十进制转成十六进制 红色：RGB(255,0,0)对应 #FF0000 绿色：RGB(0,255,0)对应 #00FF00 蓝色：RGB(0,0,255)对应#00000FF 黄色：RGB(255,255,0)对应#FFFF00 青色：RGB(0,255

9、,255)对应#00FFFF 紫色：RGB(255,0,255)对应#FF00FF 注意事项 网页中推荐使用十六进制颜色和单词，所有浏览器都兼容 十进制颜色值，在CSS中可以用，但在标记不起作用,实例不同浏览器显示不一致,html标签排版元素,实例基本排版标记,实例,与标签,块级元素与行内元素的区别 所谓块元素，是以另起一行开始渲染的元素，行内元素则不需另起一行。 如果单独在网页中插入这两个元素，不会对页面产生任何的影响。这两个元素是专门为定义CSS样式而生的。,实例：DIV与SPAN,字符实体,实例：字符实例,html标记列表,实例：项目符号（无序列表）,实例：有序列表（编号列表）,实例：定

10、义列表,计算机进制,进制也就是进位制，是人们规定的一种进位方法。 对于任何一种进制-X进制，就表示某一位置上的数运算时是逢X进一位。 十进制是逢十进一，十六进制是逢十六进一，二进制就是逢二进一 。 计算机是信息处理的工具，任何信息必须转换成二进制形式数据后才能由计算机进行处理，存储和传输。 常用的进制 二进制：有0和1两个基本数，按“逢二进一”规则运算。(110)2 十进制：十进制有09十个基本数字组成，按“逢十进一”规则运算。 八进制：由于二进制不方便和阅读，因此小型机引入了八进制。八进制有8个数码0、1、2、3、4、5、6、7，即基R=8=23，并且每个数码正好对应三位二进制数，所以八进制

11、能很好地反映二进制 十六进制：由于二进制数在使用中位数太长，不容易记忆，所以又提出了十六进制数。它由十六个字符09以及A，B，C，D，E，F组成 ，运算规则是逢十六进一，即基R=16=24,实例各进制基数对应表,二进制和十进制间的转换,十进制转成二进制 整数部分：除2取余法。即每次将整数部分除以2，余数为该位权上的数，而商继续除以2，余数又为上一个位权上的数，这个步骤一直持续下去，直到商为0为止，最后读数时候，从最后一个余数读起，一直到最前面的一个余数。 小数部分：乘2取整法，即将小数部分乘以2，然后取整数部分，剩下的小数部分继续乘以2，然后取整数部分，剩下的小数部分又乘以2，一直取到小数部分

12、为零为止。如果除不尽取一定的精度即可。 二进制转成十进制 不分整数部分和小数部分 方法：按权相加法，即将二进制每位上的数乘以权(每位上的指数常数)，然后相加之和即是十进制数。 举例：将二进制101.101 转成十进制 分析：1*22+0*21+1*20+1*2-1+0*2-2+1*2-3=5.625(10),实例十进制转成二进制,将十进制10.125转成二进制 (1010.001)2,滚动文字,Marquree实例,计算机编码介绍,什么是计算机编码 在计算机中，所有的数据在存储和运算时都要使用二进制数表示，例如，a-z、A-Z、09数字以及还有一些常用的符号（例如*、#、等）在计算机中存储时也

13、要使用二进制数来表示，而具体用哪些二进制数字表示哪个符号，当然每个人都可以约定自己的一套（这就叫编码），而大家如果要想互相通信而不造成混乱，那么大家就必须使用相同的编码规则，于是美国有关的标准化组织就出台了所谓的ASCII编码，统一规定了上述常用符号用哪些二进制数来表示。 ASCII编码 ASCII码于1961年提出，用于在不同计算机硬件和软件系统中实现数据传输标准化。 ASCII是美国国家信息交换标准代码，一种使用7位或8位二进制位进行编码的方案，最多可以给256个字符（包括字母、数字、标点符号、控制符号及其他符号）分配或指定数值。 ASCII码划分为两个集合：基本ASCII码和扩展ASCI

14、I码。基本ASCII码使用7位二进制表示一个字符，共128个字符；扩展ASCII码使用8位，256个字符。,计算机编码介绍,GBK编码 GB2312的出现，基本满足了汉字的计算机处理需要，但对于人名、古汉语等方面出现的罕见字，GB2312不能处理，这导致了GBK的出现。 GBK即汉字内码扩展规范，K为扩展的意思。GBK编码标准兼容GB2312，采用双字节表示，共计23940个码位，共收录21886个汉字和图形符号，并提供1894个造字码位。 BIG编码 在台湾、香港与澳门地区，使用的是繁体中文字符集。而1980年发布的GB2312简体中文字符集，并不支持繁体汉字。在使用繁体中文的地区，出现了很

15、多厂商提出的字符集编码，这些编码彼此互不兼容。为了统一繁体字符集编码，1984年，台湾五大厂商宏基、神通、佳佳、零壹和大众共同制定了一种繁体中文编码方案，称为大五码，英文写作Big5,计算机编码介绍,Unicode编码 世界上存在着多种编码方式，在ANSi编码下，同一个编码值，在不同的编码体系里代表着不同的字。在简体中文操作系统下，ANSI编码代表GB2312编码，在日文操作系统下，ANSI编码代表JIS编码，可能显示中文，也可能显示英文。在ANSI编码体系下，要想找开一个文本文件，不但要知道它的编码方式，还要安装有对应编码表，否则就无法读取或出现乱码。为什么电子邮件和网页都经常出现乱码，就是

16、因为信息的提供者与读取者使用的ANSI编码体系不同，导致乱码。这个问题促使了unicode码的诞生。 如果有一种编码，将世界上所有符号都纳入其中，无论是中文、英文，还是日文，大家都使用这个编码表，就不会出现编码不匹配现象，乱码问题也就不存在了。这就是Unicode编码。 Unicode是一个很大的集合，现在的规模可以容纳100多万个字符。Unicode虽然统一编码方式，但它的效率不高。Unicode标准之一规定用4个字节存储一个符号，但英文1个字英就满足了，其它的三个字节都是0，这对存储和传输来说都很耗资源。,计算机编码介绍,UTF-8编码 为了提高Unicode编码效率，于是就出现了UTF-

17、8编码。UTF-8可以根据不同的符号自动选择编码的长短。比如英文字母可以只用1个字节就够了。,标签,meta介绍 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。标签位于文档的头部，不包含任何内容。标签的属性定义了与文档相关联的名称/值对。 提供的信息是用户不可见的 没有结束标记 Meta标记的属性 http-equiv属性：相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。 name属性：主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。,