Web客户端语言HTML、XHTML和XML相关知识介绍
Dreamweaver理论知识
三理论知识（一）Dreamweaver 8 基础1.网页相关知识（1）www站点我们可以将WWW看作Internet上的一个大型图书馆，“WWW站点”、“Web站点”或网站就像图书馆里的一本本书，而Web页或网页则是书中的某一页，主页是一个站点的起始页，相当于书的封面或目录。
每个web页都拥有一个被称为“统一资源定位器”（URL）的唯一地址。
（2）统一资源定位器URL（Uniform Resource Locator）URL提供了互联网上资源的准确位置，它描述WWW浏览器请求和显示某个特定资源所需的全部信息，包括传输协议，如HTTP，提供WWW服务的主机名、HTML文档在远程主机上的路径及文件名，以及客户与远程主机连接时使用的端口号。
例如：:80/product/default.html，其中http为传输协议，为使用的远程主机名，80为使用的端口号，product/default.html为HTML文档的路经和文件名。
综合起来简单说，就是我们上网时看到的网站的地址。
我们后面作网页的超链接时所说的URL地址。
（3）超级链接我们网页与网页之间要联系起来，就要通过超级链接来实现。
不管是在内部实现的链接还是接到WWW网上，都需要超链接作桥梁。
（4）静态网页和动态网页静态网页是相对于动态网页而言的，是指没有后台数据库、不含程序和不可交互的网页。
静态网页，动态网页主要根据网页制作的语言来区分，静态网页使用HTML（超文本标记语言）语言，网页地址的后缀一般为.htm、.html、.shtml、.xml等形式；而动态网页一般使用HTML＋ASP或HTML＋PHP或HTML＋JSP 等语言，网页地址的后缀为.aspx.asp、.jsp、.php、.perl、.cgi等形式。
静态网页与动态网页之间区别的重要标志是程序是否在服务器端运行。
在服务器端运行的程序、网页、组件，属于动态网页，它们会随不同客户、不同时间，返回不同的网页，例如ASP、PHP、JSP、、CGI等。
HTML的历史和发展趋势
HTML的过去未来HTML的过去一、 HTML的简介1、HTML的概念和功能1）HTML的概念HTML是Hypertext Markup Language（超文本标记语言）的缩写，是一种基于SGML（标准通用标记语言）的标记语言，是Web用于编辑网页的主要工具。
在网上，如果要向全球范围内出版和发布信息，需要有一种能够被广泛理解的语言，即所有的计算机都能够理解的一种用于出版的“母语”。
WWW（World Wide Web）所使用的出版语言就是HTML语言。
2）HTML的功能：⑴出版在线的文档，其中包含了标题、文本、表格、列表以及照片等内容。
⑵通过超链接检索在线的信息。
⑶为获取远程服务而设计表单，可用于检索信息、定购产品等。
⑷在文档中直接包含电子表格、视频剪辑、声音剪辑以及其他的一些应用。
2、历次版本HTML 1.0——在1993年6月作为互联网工程工作小组（IETF）工作草案发布（并非标准）；HTML 2.0——1995年11月作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时；HTML 3.2——1996年1月14日，W3C推荐标准；HTML 4.0——1997年12月18日，W3C推荐标准；HTML 4.01——1999年12月24日，是在HTML4.0基础上的微小改进，W3C推荐标准；HTML 5 的第一份正式草案已于2008年1月22日公布,仍继续完善。
二、各个版本的功能简介1、HTML 1.0和2.0HTML自从1989年首次应用于网页编辑后，便迅速崛起成为网页编辑主流语言。
目前几乎所有的网页都是由HTML或者以其他程序语言嵌套在HTML中编写的。
1993年HTML发布以后，众多的不同版本HTML陆续在全球使用，始终未能形成一个广泛的有相同标准的版本。
所以，准确的说，HTML1.0是不存在的，按照主流说法，该版本应该算初版。
在初版使用之际，HTML+的后续版开发也与1993开始。
第三章html、xml与xhtml
第三章html、xml与xhtmlHTML：超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。
HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。
HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。
HTML标签通常是英文词汇的全称（如块引用:blockquote）或缩略语（如“p”代表Paragraph），但它们的与一般文本有区别，因为它们放在单书名号里。
故Paragragh 标签是<p>,块引用标签是<blockquote>。
有些标签说明页面如何被格式化（例如，开始一个新段落），其他则说明这些词如何显示(<b>使文字变粗)还有一些其他标签提供在页面上不显示的信息－－例如标题。
HTML标准的版本历史：超文本置标语言(第一版)——在1993年6月发为互联网工程工作小组 (IETF)工作草案发布（并非标准）.HTML 2.0——1995年11月作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时HTML 3.2——1996年1月14日，W3C推荐标准HTML 4.0——1997年12月18日，W3C推荐标准HTML 4.01（微小改进）——1999年12月24日，W3C推荐标准HTML 5——2007年HTML 5草案被W3C接纳，并成立了新的HTML工作团队。
08年1月22日第一份正式HTML 5草案发布。
XML：即可扩展标记语言，它与HTML一样，都是SGML(Standard Generalized Markup Language,标准通用标记语言)。
Xml是Internet环境中跨平台的，依赖于内容的技术，是当前处理结构化文档信息的有力工具。
扩展标记语言XML是一种简单的数据存储语言，使用一系列简单的标记描述数据，而这些标记可以用方便的方式建立，虽然XML占用的空间比二进制数据要占用更多的空间，但XML极其简单易于掌握和使用。
HTML介绍
Page 12
1.2 HTML结构
根据 HTML 标准，仅有几个标签在 HTML 的头部分是合 法的。
标签
<head> <title> 定义关于文档的信息。 定义文档标题。
描述
Page 21
1.4.1 标签
HTML 标题
HTML 标题（Heading）是通过 <h1> - <h6> 等标签 进行定义的。<h1> 定义最大的标题，<h6> 定义最小 的标题。 实例1：
<h1>This is a heading</h1> <h2>This is a heading</h2> <h3>This is a heading</h3>
Page 17
1.3 页面类型
静态页面VS动态页面
静态页面，也就是HTML语言编辑出的页面。
• 缺点是：相对于动态页面来说支持的功能少 • 优点是：浏览速度快，占用服务器资源小
动态页面，用ASP、JSP、PHP 等语言编辑的页面。
• 缺点是：占用系统资源大，浏览速度相对静态页面来说 慢一些 • 优点是：方便管理，功能强大，可扩展性高
注释：浏览器会自动地在标题的前后添加空行。默认 情况下，HTML 会自动地在块级元素前后添加一个额 外的空行，比如段落、标题元素前后。
Page 22
1.4.1 标签
实例2： <html>
网页编程技术常用单词(HTML、CSS、JavaScript、jQuery、MySQL、PHP、ActionScript、XML、AJAX)
HTML（Hyper Text Markup Language超文本标记语言）是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。
HTML文本是由HTML 命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。
HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。
CSS（Cascading Style Sheet层叠式样式表）目前推荐遵循的是W3C于1998年5月12日推出的CSS2。
CSS标准建立的目的是以CSS 进行网页布局，控制网页的表现。
CSS标准布局与XHTML结构语言相结合，可以实现表现与结构相分离，提高网站的使用性和可维护性。
<!--[if IE]> Only IE<![endif]--><!--[if !IE]><!--> Only !IE<!--<![endif]-->JavaScriptJavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。
同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作。
jQueryjQuery是继Prototype之后又一个优秀的JavaScript框架。
它是轻量级的JS库(压缩后只有21k) ，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。
jQuery使用户能更方便地处理HTML DOCUMENTS、EVENTS、实现动画效果，并且方便地为网站提供AJAX交互。
jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。
jQuery能够使用户的HTML 页保持代码和HTML内容分离，也就是说，不用再在HTML里面插入一堆JS来调用命令了，只需定义ID即可。
网页设计与制作知识点
网页设计与制作知识点第一部分HTML1. 在常用表格模式下进行网页布局（经济学专业编号）2. 在布局表格下进行布局1．制作双线边框的表格（南岳学院电商编号）2．制作单线边框的表格1．制作占位表格（电商编号）2．各种文字超链接的制作（一般链接，锚链接，email链接及打开方式）3．制作图像链接和热区链接4．在表格中插入图片和透明flash5．制作用户登录表单无序列表的使用（无序列表的嵌套）（此条不做）6．层与行为（显示隐藏层，交换图像）第二部分CSS7．修改文字大小和行距8．制作动态超链接(a:hover)9．用CSS创建交互（a元素的交互和非a元素的交互）10．制作首字下沉和图文混排和分栏（float定位）11．相对定位和绝对定位的实验12．（此学号为空）13．美化表单样式(盒子的边框背景属性)14．用CSS盒子模型制作导航条15．用无序列表制作tab样式导航条16．利用盒子的定位属性制作缺角菜单17．用滑动门技术制作圆角菜单18．用4图象法制作可变宽圆角栏目框19．CSS＋DIV固定宽度的三栏布局20．可变宽度布局的制作第三部分Fireworks21．规则和不规则图形的绘制（组合路径）22．图片融合技术（填充、渐变和蒙版）23．文字效果（阴影、倒影、描边）24．用fireworks做按钮和下拉菜单25．切片和图像的导出第四部分JavaScript26．制作层的Zindex改变的导航条27．用CSS和JavaScript制作下拉菜单28．制作Tab面板第五部分ASP29．创建虚拟目录和动态站点30．将静态网页转换为动态网页（切割头尾网页，导出CSS文件）31．数据库的连接32．创建记录集33．绑定动态数据到页面34．创建重复区域服务器行为35．转到详细页面服务器行为36．记录新闻点击次数37．创建记录集分页38．新闻搜索页面的设计39．插入动态图片40．用IIF函数将过长新闻标题用省略号取代后部41．创建用户登录验证界面（包括验证表单数据不为空）42．限制非注册用户对页的访问43．创建添加新闻页面44．创建编辑新闻页面练习第一章HTML1．分析一个URL的结构//web/1/200807/10172331484.html信息被放在一台被称为www的服务器上，是一个已被注册的域名，域名对应一台DNS服务器，cn表示中国，主机名，域名合称为主机头。
第一章Web技术概述
13.通道(Tunnel)：是作为两个连接中继的中介程序。一旦激活，通道 便被认为不属于HTTP通讯，尽管通道可能是被一个HTTP请求初始化的。 当被中继的连接两端关闭时，通道便消失。当一个门户(Portal)必须存 在或中介(Intermediary)不能解释中继的通讯时通道被经常使用。
14.缓存(Cache)：反应信息的局域存储。
Internet（Inter Network）译为“因特网”， 也称国际互 联网，简称互联网。因特网是一个把世界范围内的众多计算 机、人、数据库、软件和文件连接在一起的，通过一个共同 的通信协议(TCP/IP协议)相互会话的网络。
14
Web技术基础
Internet主要技术： ·采用标准协议——TCP/IP协议，使网上各种不同的 计算机进行通信 ·通过路由器将不同网络互连 ·建立在TCP/IP协议基础之上的WWW浏览服务 ·应用DNS域名解析系统完成计算机和用户之间的地 址解析工作
网络病毒、保密、黑客(Huckman)
16
路由器 路由器
R
校园网子网
校园网
R
路由器 路由器
电子商务网站
R R
路由器
路由器
Internet
具有上网功能的手机 PDA掌上电脑 卫星接收系统
路由器
路由器
ISP网络
R R
路由器
路由器
企业子网
路由器
路由器
R
企业网
R
个人电脑
17
WWW的核心-HTTP
HTTP协议简介
20
10.源服务器(Originserver)：是一个给定资源可以在其上驻留或被创 建的服务器。
11.代理(Proxy)：一个中间程序，它可以充当一个服务器，也可以充当 一个客户机，为其它客户机建立请求。请求是通过可能的翻译在内部或 经过传递到其它的服务器中。一个代理在发送请求信息之前，必须解释 并且如果可能重写它。
第2章 HTML、XHTML、HTML5
第2章 HTML、XHTML、HTML5
第14页
2.2.5 命名空间
在XHTML文档中，还有一句常见的代码： <html xmlns="/1999/xhtml" > xmlns，即XHTML Namespace的缩写，即命名空间。 该属性声明了html顶级元素的命名空间，用来定义该顶级元 素以及其包含的各级子元素的唯一性。由于XML语言允许用 户自定义标签，使用命名空间，可以避免自己定义的标签和 别人定义的标签发生冲突。比如，如果两个人定义了一个一 模一样的文档，若文件头部没有xmlns命名空间的区分，就 会发生冲突，如果在文档头部加上了不同的命名空间，则文 档不会冲突。通俗地讲，命名空间就是给文档做一个标签， 标明该文档是属于哪个网站的。对于HTML文档来说，由于 它的元素是固定的，不允许用户进行定义，所以指定的命名 空间永远是/1999/xhtml。
第20页
2.4 新增和废除的属性
2.4.1 新增的属性 2.4.2 废除的属性
第2章 HTML、XHTML、HTML5
第21页
2.4.1 新增的属性
HTML5中新增的属性主要体现在表单属性、链接 属性以及其他属性。
第2章 HTML、XHTML、HTML5
第22页
2.4.1 新增的属性
第2章 HTML、XHTML、HTML5
第2页
本章的学习目标
了解H TML语言的作用、结构和语法 了解XHTML和XML的关系，及XHTML的 语法特点 掌握HTML5的语法和元素 掌握HTML5中新增的以及废除的元素 掌握HTML5中新增的和废除的属性 掌握HTML5新增的全局属性 掌握HTML5新增的事件
CSS-HTML-JS-XML什么概念及之间的关系
HTML的定义实现网页结构以及内容的语言HTML是什么：HTML是Hypertext Markup Language的缩写，即超文本标记语言。
它是用于创建可从一个平台移植到另一平台的超文本文档的一种简单标记语言，经常用来创建Web 页面。
HTML文件是带有格式标识符和超文本链接的内嵌代码的ASCII 文本文件。
用Monyer 的话说，HTML就是做网页结构及内容实现的一门语言。
下面这段代码是HTML的基本结构，在“<>”中的为HTML标记，一般一个“<xxx>”标记出现，则必需要一个相应的“</xxx>”对其标示范围进行结束；除非该标记为自关闭标记，一般以“<xxx/>”的形式出现。
<html><head><title>Monyer's Example</title></head><body><div id="first">Hello World !</div><div id="second">Hello Monyer !</div></body></html>代码一如果把网页（<html>...</html>）看成是人的话，那么<head>...</head>是他的头，但这部分内容通常不会在网页正文中显示；<body>...</body>是他的身体，也是一个网页内容显示部分。
所以将以下代码保存为*.html后并双击在网页浏览器中运行，显示的仅仅是：Hello World ！Hello Monyer ！但所有的HTML标记均是被浏览器执行的对象，并不会显示出来。
需要注意的是，在上段代码中承载“Hello World ！”和“Hello Monyer ！”的两个“<div/>”容器内部均有一个id标识，id中的内容是可以随便定制的，但请务必保证id中内容的唯一性——因为它是使别人找到它所在的门牌号。
HTML和XHTM
HTML和XHTM1.1 HTML和XHTML概述1.2 HTML和XHTML的格式与标记1.3 使用表格1.4 使用框架1.5 使用超链接1.6 制作表单1.7 CCS样式设计1.1 HTML和XHTML概述1.1.1 什么是XHTMLXHTML是EXtensible HyperText Markup Language的英文缩写，即可扩展的超文本标记语言，它不需要编译，可以直接由浏览器执行（属于浏览器解释型语言）：XHTML是用来代替HTML的，是2000年W3C（万维网联盟）公布发行的。
XHTML是一种增强了的HTML，它的可扩展性和灵活性将适应未来网络应用更多的需求。
XHTML是基于XML的应用。
XHTML更简洁更严紧。
XHTML也可以说就是HTML4.0的一个升级版本（W3C描述它为HTML 4.01）。
除此之外XHTML和HTML基本相同。
1.1.2 HTML与XHTML的区别（1）大小写HTML不区分大小写，HTML元素和属性名称可以是大写、小写或大小写混合。
但是XHTML中大小是敏感的，例如，XHTML中，<body>和<BODY>是两个完全不同的标记。
因此XHTML文档要求所有元素和属性名称必须小写，而属性值则大小写均可。
（2）标记嵌套在HTML中，即使使用了不正确的嵌套，一样可以在很多浏览器中使用；而XHTML 则要求嵌套必须完全正确。
例如，<b><i>姓名<i></b>不能写成<b><i>姓名</b></i>。
（3）有否结束标记在HTML中，有些标记是可以没有结束标记的，而XHTML要求所有标记都必须有结束标记，例如，HTML中的<br>在XHTML中必须写成<br></br>或者简单地写成<br />。
注意：<br />中的斜杠前有一个空格。
Web程序设计(第4版)-第5章
5.1 脚本语言JavaScript
5.1.2 JavaScript语言概述
• JavaScript是一种嵌入在HTML文件中的脚本语言，它 是基于对象和事件驱动的，能对诸如鼠标单击、表单输入、 页面浏览等用户事件做出反应并进行处理。 • JavaScript特点：
var str;
/*声明变量str*/
num1=10;
/*说明num1为整型，并将其值赋为10*/
num2=3.02e10;
str1="欢迎您";
《Web程序设计》(第4版)，电子工业出版社，2015，ISBN：9787121260360
5.1 脚本语言JavaScript
5.1.3 JavaScript编程基础
5.1 脚本语言JavaScript
5.1.3 JavaScript编程基础
4．运算符和表达式
• 算术运算符。算术运算符的操作数和结果都是数值型值。算术运算符 及位运算符可与赋值运算符结合形成简记形式
赋值运算符简记形式表
运算符 操 作
+
加法
*
乘法
%
取模
--
递减
运算符 -（双目） / ++ -（单目）
• 传统脚本语言常用来编写执行一次性任务，通常以文本(如 ASCII)保存，只在被调用时进行解释或编译。
• 而现在脚本和传统编程语言之间的界限越来越模糊。在一些 脚本语言中，有经验的程序员可以进行大量优化工作。
• 本章所讨论的脚本语言是指用于Web页面及程序设计的脚本 语言，它们通常是嵌入式（嵌入到HTML文件中）的、具有解 释执行的特征。
web客户端技术简介
• 可以定义超级链接文字的颜色，可以定义字体的 大小，一般超级链接都有下划线，可以利用 “TEXT-DECORATION:NONE”将超级链接的下 划线去掉。
1.1 什么是Ajax
• Ajax：是Asynchronous JavaScript and XML(异步JavaScript 和XML技术)的简称，是一 套特殊的Web编程技术，通过这种技术，开发人 员可以使用来自服务器的输入无缝地更新部分 Web页面或Web应用程序。弥补用了B/S方式开 发交互式Web页面的不足。 • Ajax只是一套特殊的编程技术，一种编程思想， 不是技术规定。 • Ajax并不是必须要使用XML技术，也并不是必须 要异步
201htm这是一段最基本的html标识任何html文档都是由一个和标记包含的然后分为和两大部分页面的标识一般都是在标识中定义的
Web客户端技术
本章概述
• • • • HTML CSS javascript DOM
HTML概述
• 在20世纪90年代Web网络的迅速兴起，使得HTML空前 繁荣。当时，HTML被发展成了许多不同的版本。出于解 决这种混乱局面的考虑，迫切需要制定一个公认的HTML 语言规范。
HEAD头元素
• HEAD头元素主要包括该页面的一些基本描述语 句。META的属性包括：
– Description，网页的描述信息； – Keywords，关键字，当搜索引擎查找时，按此关键字 查找； – Content-type，用来设置该网页的编码； – Author，用来设置该网页的作者姓名； – Refresh，用来设置网页的自动更新。当CONTENT ="3; URL="时，该网页打开 3秒钟后，就自动的转到网站
HTML的常用标记
html、shtml、xhtml、dhtml、xml、javascript、js、htmldom、css有什么区别
HTML、SHTML、XHTML、DHTML、XML、JavaScript、JS、HTML DOM、CSS有什么区别HTML、SHTML、XHTML、DHTML、XML、JavaScript、JS、HTML DOM、CSS有什么区别(2011-04-14 13:35:34)HTML、SHTML、XHTML、DHTML、XML、JavaScript、JS、HTML DOM、CSS有什么区别谁知道HTML,CSS,JS 之间的关系——网友充满人性的解释html是网页的结构，CSS是网页的表达形式，JS是脚本语言；形象一点说就是，html相当于人里面的器官，组成了人体；而CSS就是你穿着的衣服，即使html网页结构相同，但是如果你的CSS变化的话整个网页也是可以变化的，而JS就是发蜡，香水之类的可以使你的网页更加丰富的脚本语言；整个网页就是人体，衣服，香水发蜡结合的结果了。
你下载一个网页源文件，里面不可能只有一个index.html在里面而已，还会有CSS和JS这两样东东，index.html就是网页结构了，而CSS就是让网页横排或者竖排，让每个元素表现出各种样式（比如粗体字，颜色，边距，浮动......），JS就是让最常用的就是让网页显示当前的时间和滚动图片这两个了。
应该说JS是整容医生的手术刀和激光枪、裁缝的剪刀标准的Web组成应该包含三部分：结构、表现、行为这三部分对应的技术如下结构标准语言：主要包括xhtml和xml表现标准语言：CSS行为标准语言：W3c DOM和JavaScript结构层是最底层的，表现层和行为层都必须依附于结构层之上，同时这三者高度追求分离化，也就是说表现层和行为层都可以重写你想想他们各干啥事就清楚了用xhtml书写结构用CSS控制样式用JS控制事件，比如一些表单验证、页面修饰和特效等============================================ ======================================== HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言，看起来与HTML有些相象，只有一些小的但重要的区别，XHTML就是一个扮演着类似HTML的角色的XML，所以，本质上说，XHTML是一个过渡技术，结合了XML（有几分）的强大功能及HTML（大多数）的简单特性。
国家开放大学《网络信息制作与发布》问答题参考答案
国家开放大学《网络信息制作与发布》问答题参考答案1.HTML语言知识的基本内容有哪些？一个完整的（X）HTML文件由标题、段落、列表、表格、单词即嵌入的各种对象所组成。
这些逻辑上统一的对象我们称为“element”标签，html使用“tag”（标签）来分割并描述这些标签。
2.CSS滤镜属性的标识符是什么？CSS滤镜属性的标识符是filter。
3.DIV+CSS有什么优势？XHTML是目前国际上倡导的网站标准设计语言，优势主要有：CSS的优势表现在简洁的代码，因此使用DIV+CSS的Web标准制作的网站具有搜索引擎友好的优势；DIV+CSS制作的网站使得网站改版相对简单，从而降低了网站改版的成本。
4.PC显示器对网页显示效果有什么影响？浏览器的可用空间受到屏幕分辨率的影响。
当显示器的尺寸一定时，分辨率越高，显示器的像素数量就越多，像素也就越小，显示的图像和网页页面元素也就越小。
5.WEB标准化布局是什么含义？WEB标准化布局是什么含义？网页设计必须从三个方面入手：结构、表现和行为。
对应的标准也分三方面：结构化标准语言主要包括（X）HTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。
6.WEB标准化布局有什么优势？WEB标准化布局的优势主要有：表现和内容相分离；提高搜索引擎对网页的索引效率；提高页面浏览速度；易于维护和改版；浏览器将成为更友好的界面。
7.“内容页面”的版式一般可分为哪些？“内容页面”由于需要划分区域来放置内容，所以它的版式一般可分为：水平分割、垂直分割、水平垂直分割、变化分割等。
8.一般来说获取网站空间有几种方式?获取网站空间有自行架设服务器、租用虚拟主机、主机托管等方式。
9.一般网页包括哪些基本内容？一般网页的基本内容包括标题、网站标识图案（LOGO）、页眉、页脚、导航、主体内容、广告栏等。
10.为什么要进行文字的图形化？所谓文字的图形化，就是可以把网页中LOGO或者按钮上的文字制作成图片的形式，即强调它的美学效应，同时能够让特殊的字体在浏览器里正常的显示。
网页设计名词解释
协议：事先约定或定义的一组精确的规定所交换数据的格式和传输方法的规则，即计算机在交换信息时都要遵守的表达方式标记型网页自作工具：是指创建的网页文件在编辑过程中最后只能看到页面的原代码,，而需要转到浏览器中才能看到INTERNET：是全球最大的开放的有众多的网络相互连接而成的计算机互联网WWW:是一个运行在INTERNET上的交互的动态的分布式的高度集成的超文本信息系统下载：是指为了能够方便处理客户机把文件从服务器上复制到本地的过程URL：统一资源定位器的英文缩写是一个提供在全球广域网上的站点或资源的INTERNET位置字符串与此被访问的站点或资源所协议在一起网页：WEB站点中使用HTML编写而成的单位文档是WEB中的信息载体WEB浏览器：是指一个运行在计算机上的程序主要作用在于在客户端与服务器之间的交互通信负责下载显示页面所见即所得型网页制作工具：是指创作的网页文件在编辑过程中的显示与文件最终在浏览器中显示的效果是一样的用户不需要接触HTML源代码就可以做出需要的页面HTML：超文本标记语言是创建网页时使用的语言IP地址：采用了一种通用的地址格式为互联网中的每一个网络和每一个主机都分配一个地址域名：为了解决IP地址不便于记忆这个问题同时也为了便于网络管理的分层和分配自1984年起在互联网上采用了一种字符型的地址标识BBS是INTERNET上的一种电子信息服务系统硬件协议：定义了硬件如何运作以及协同工作等问题网站的链接结构：是指网页之间相互链接的结构它建立在目录结构基础之上可以跨越目录甚至主机网站的风格：整个网站所采用的结构布局色调文字标志图案等腰素带给浏览者的关于该网站的印象信息看板：WEB站点中为访问者提供的各种最新的信息集合树形链接结构：类似DOS的目录结构首页链接指向一级页面一级页面链接指向二级页面网站的层次：是指整个站点各个层次之间的结构关系色相：是颜色的基本属性反映颜色的原貌通过色相人们才能区分种种彩色饱和度：也叫纯度指颜色的纯洁程度造型：就是创造出来的物体形象加色原理：所有的色彩都可以通过三原色调配出来只要对红绿蓝三种基色的含量进行配比就可调制出其他的颜色CI：是借用的广告术语意思是通过视觉来统一企业的形象页脚：在页面的最下方的一块空间页眉：定义页面的主题重心平衡：页面重心所反映的网页上各种元素分布的协调程度像素：是组成位图图像的最小单位具有特定位置和颜色的像素就组成了色彩斑斓五彩缤纷的图像图像分辨率：图像中美单位长度含有像素数目通常用像素/英寸表示表单：就是网页中站点服务器处理的一组数据输入域框架：是一个由框架网页所定义的浏览器视窗区域它通过框架网页实现超级链接：是指从一个网页指向另一个目的端的链接是从文本图片或图形或图像映射到全球广域网上网页或文件的指针标记：HTM L中用来标识网页元素的类型格式和外观的文本字符串服务器端图像地图：一个传递鼠标光标到服务器上C GI处理程序的图像映射属性：是HTML标记的一个额外部分它包含有关此标记自身的选项或其他信息绝对路径：从目录层次的最顶层开始一直向下通过所有中间层的目录直至到达对应文件锚：即书中所讲的书签是自页面内部可以链接到得特殊的地方通过它链接可以直接跳转到那些特殊的地方而不是仅仅跳到页面的顶部DHTML：就是即使在网页下载到浏览器以后仍然能够随时变换更新网页内容排版样式以及动画等等的技术它是一种通过各种技术的综合发展而得以实现的概念DOM：为HTM L文档定义了一个与平台无关的程序接口CSS：是由全球广域网协会所发展出来的HTML的规范表可使WEB网页的制作者将样式表附加到HTM L文档上静态联编：是指程序语言的各种对象和库的引用必须在编译时进行以使编译器能够实现强类型检查动态联编：是指程序语言的各种对象和库的引用在运行时再进行检查如不经运行就无法实现对象引用的检查函数：是一系列指令的集合是对反复使用或可能重用的行为的抽象从本质来看函数是存放代码的代码段事件驱动：指当预先定义的重要事件发生时控制权由程序的一部分转移到另一部分的过程脚本语言：是一种解释性的语言它不需要编译即可运行它是一种类似一连串命令的文本文件当浏览器读入脚本时它将根据脚本的命令程序来执行对象：是一种组织数据的方法以及与数据相关的操作选择符：在层叠样式表的样式中把HTM L组件连接到一个样式内容和值的特定组合内联式样式单：它利用现有的HTM L标记把特殊的样式加入到那些由标记控制的信息中贴层：是用于更精确的定位页面元素的一种C SS属性它把网页想象为一个平面具有贴层属性的元素就像一个贴层浮在网页之上三维方向的位置都是可以控制的BOX模型：在CSS中把HTM L中以《标记》。
WEB前端教学大纲
上饶市中科大数据职业培训学校web前端教学大纲前端开发是创建WEB页面或APP等前端界面呈现给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互Web前端教学大纲修订版（B）Web前段教学大纲网页布局过度阶段课时:15天阶段测验:1次学习目标借助蓝湖、慕客等工具，参照设计稿，进行PC端静态网页的开发。
1.HTMLHTML是网页开发的基础，从最简单的网页开发基础入手，使用常见的标签制作网页内容，包含了以下技术点：标签语法|排版标签|布局标签|多媒体标签|符号实体|语义化|路径|元数据|文档声明2.CSS在HTML结构的基础上，通过浮动、定位、Flex精细控制网页布局，通过背景、圆角、阴影、渐变等美装饰美化网页内容，结合转换、过渡、动画高级特性增强用户体验，能够编写大型综合性网页。
选择器|规则声明|盒模型|文档流|浮动|字体|背景|伪类|3大特征|圆角|阴影|过渡|透明|伪元素|定位|Web字体3.“趣游网”PC页面制作基于设计稿编写网页，确保网页布局的高还原度，综合运用HTML、CSS的基础知识，归纳使用技巧，提升综合实战水平，借助慕客协同平台，体验真实团队开发流程。
元素居中|慕客协同平台|浏览器内核|性能优化|文档编码|设计稿移动端布局阶段一课时:10天测验:1次学习目标解决移动设备屏幕所呈现网页的开发，高度还原设计稿，熟悉静态网页的开发流程。
1.移动端布局深入理解屏幕相关知识，了解PC屏幕与移动屏幕本质上的差异，结合视口、媒体查询、rem等基础知识整合出稳定高效的移动屏幕适配方案。
Flex布局|媒体查询|分辨率|像素密度|像素|视口|媒体查询|rem|屏幕适配2.响应式布局基于媒体查询开发跨终端的网页，通过Bootstrap体会框架封装的高效性及组件化的复用性等实战化特征。
Bootstrap|响应断点|栅格化|组件3.2D&3D转换与动画基于CSS的2D与3D转换特性制作动效网页2D转换|3D转换|动画animation4移动端“四史主题教育”项目实战针对移动设备的特征应用差异化的技术解决方案，归纳开发技巧，提升综合实战水平，借助慕课协同平台，体验真实团队开发流程。
html代码整理
Html代码整理一、什么是HTML？HTML 是用来描述网页的一种语言。
∙HTML 指的是超文本标记语言(H yper T ext M arkup L anguage) ∙HTML 不是一种编程语言，而是一种标记语言(markup language) ∙标记语言是一套标记标签(markup tag)∙HTML 使用标记标签来描述网页二、HTML 标签HTML 标记标签通常被称为HTML 标签(HTML tag)。
∙HTML 标签是由尖括号包围的关键词，比如<html>∙HTML 标签通常是成对出现的，比如<b> 和</b>∙标签对中的第一个标签是开始标签，第二个标签是结束标签∙开始和结束标签也被称为开放标签和闭合标签三、HTML 文档= 网页∙HTML 文档描述网页∙HTML 文档包含HTML 标签和纯文本∙HTML 文档也被称为网页Web 浏览器的作用是读取HTML 文档，并以网页的形式显示出它们：<html><body><h1>My First Heading</h1><p>My first paragraph.</p></body></html>例子解释∙<html> 与</html> 之间的文本描述网页∙<body> 与</body> 之间的文本是可见的页面内容∙<h1> 与</h1> 之间的文本被显示为标题∙<p> 与</p> 之间的文本被显示为段落四、什么是HTML 标签∙HTML 文档和HTML 元素是通过HTML 标签进行标记的∙HTML 标签由开始标签和结束标签组成∙开始标签是被括号包围的元素名∙结束标签是被括号包围的斜杠和元素名∙某些HTML 元素没有结束标签，比如<br />注释：开始标签的英文翻译是start tag 或opening tag，结束标签的英文翻译是end tag 或closing tag 五、HTML 标题HTML 标题（Heading）是通过<h1> - <h6> 等标签进行定义的。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
XHTML 是EXtensible HyperText Markup Language的英文缩写,即可扩展的超文本标记语言。
XHTML 语言是一种标记语言,它不需要编辑,可以直接由浏览器执行。
XHTML 是用来代替HTML的, 是2000年w3c公布发行的。
13.换行（也称回车） <br>
14.分段 <p>
15.文字的对齐方向 <p align="#"> #号可为 left：表向左对齐（预设值） center：表向中对齐 right：表向右对齐 P.S.<p align="#">之后的文字都会以所设的对齐方式显示，直到出现另一个<p align="#">改变其对齐方向，遇到<hr>或<h#>标签时会自动设回预设的向左对齐。
【6】正被选取的超连结文字颜色 -- vlink <body vlink=#rrggbb>
【7】已连结过的超连结文字颜色 -- alink <body alink=#rrggbb>
20.文字移动指令<MARQUEE>..........</MARQUEE> 移动速度指令是:scrollAmount=# #最小为1，速度为最慢；数字越大移动的越快。 移动方向指令是：direction=# up向上、down向下、left向左、right向右。 指令举例：<MARQUEE scrollAmount=3 direction=up>..........</MARQUEE>
【5】实心分隔线 <hr noshade>
17.居中对齐 <center>..........</center>
18.依原始样式显示 <pre>..........</pre>
19.<body>指令的属性
【1】背景颜色 -- bgcolor <body bgcolor=#rrggbb>
XHTML 是一种增强了的HTML，它的可扩展性和灵活性将适应未来网络应用更多的需求。
XHTML 是基于XML的应用。
XHTML 更简洁更严紧。
XHTML 也可以说就是HTML一个升级版本。(w3c描述它为'HTML 4.01')。
除此之外XHTML和HTML基本相同。
XHTML 是大小写敏感的，XHTML与xhtml是不一样的.标准的XHTML标签应该使用小写.
一、HTML简介
HTML（Hyper Text Mark-up Language）即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。
有效的XHTML文件
一个符合XHTML标准的文件即可称为有效. 此可以确保XHTML文件代码的协调, 亦能令文件的更容易被处理, 而不需确保各种浏览器编译的一致性。而W3C验证服务则可以验证文件是否有效。而实际上, 很多网站开发工具(例如Dreamweaver)都支援以W3C标准验证文件。
<img src="picture.gif" id="picture1" name="picture1" /> 这是在HTML中简写的属性和其在XHTML中应该怎样书写的列表：
HTML XHTML
compact compact="compact"
checked checked="checked"
XHTML语言必须符合XML的格式，例如
属性名称必须为小写
错误的：<table WIDTH="100%">
正确的：<table width="100%">属性值使用双引号
错误的：<table width=100%>
正确的：<table width="100%">属性简写是不允许的
HTML文档制作不是很复杂，且功能强大，支持不同数据格式的文件镶入，这也是WWW盛行的原因之一，其主要特点如下：
简易性，HTML版本升级采用超集方式，从而更加灵活方便。
可扩展性，HTML语言的广泛应用带来了加强功能，增加标识符等要求，HTML采取子类元素的方式，为系统扩展带来保证。
平台无关性。虽然PC机大行其道，但使用MAC等其他机器的大有人在，HTML可以使用在广泛的平台上，这也是WWW盛行的另一个原因。
用什么可以编辑HTML？HTML其实是文本，它需要浏览器的解释，HTML的编辑器大体可以分为三种：
基本编辑软件，使用WINDOWS自带的记事本或写字版都可以编写，当然，如果你用WPS来编写，也可以。不过存盘时请使用.htm或.html作为扩展名，这样浏览器就可以解释执行了。
半所见即所得软件，这种软件能大大提高开发效率，它可以使你在很短的时间内做出Homepage，且可以学习HTML，这种类型的软件主要有HOTDOG，还有国产的软件网页作坊。
二、XHTML简介
可扩展超文本置标语言（eXtensible HyperText Markup Language，XHTML），是一种置标语言，表现方式与超文本置标语言（HTML）类似，不过语法上更加严格。从继承关系上讲，HTML是一种基于标准通用置标语言（SGML）的应用，是一种非常灵活的置标语言，而XHTML则基于可扩展置标语言（XML），XML是SGML的一个子集。XHTML 1.0在2000年1月26日成为W3C的推荐标准。
那么让我们建立一个简单的范例吧。第一步，当然是要建立一个新的文本文件并键入“Hello Word!”保存，将它命名为“xxxx.html”。(随便你起一个什么名字,扩展名也可以是HTM)。然后你可以用浏览器将它打开，你会看见的自己键入“Hello Word!”显示在页面上了。
HTML特点和好处
XHTML 是什么？
XHTML 指扩展超文本标签语言（EXtensible HyperText Markup Language）。
XHTML 的目标是取代 HTML。
XHTML 与 HTML 4.01 几乎是相同的。
XHTML 是更严格更纯净的 HTML 版本。
XHTML 是作为一种 XML 应用被重新定义的 HTML。
16.分隔线 <hr>
【1】分隔线的粗细 <hr size=点数>
【2】分隔线的宽度 <hr size=点数或百分比>
【3】分隔线对齐方向 <hr align="#">#号可为 left：表向左对齐（预设值） center：表向中对齐 right：表向右对齐
【4】分隔线的颜色 <hr color=#rrggbb>
XHTML是The Extensible HyperText Markup Language(可扩展超文本标识语言)的缩写。HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言，看起来与HTML有些相象，只有一些小的但重要的区别，XHTML就是一个扮演着类似HTML的角色的XML，所以，本质上说，XHTML是一个过渡技术，结合了部分XML的强大功能及大多数HTML的简单特性。
declare declare="declare"
readonly readonly="readonly"
disabled disabled="disabled"
selected selected="selected"
defer defer="defer"
ismap ismap="ismap"
gg：表绿色（green）色码
bb：表蓝色（blue）色码
rrggbb也可用6位颜色代码数字
3.显示小字体 <small>..........</small>
4.显示大字体 <big>..........</big>
5.粗体字 <b>..........</b>
6.斜体字 <i>..........</i>
2000年底，国际W3C组织(World Wide Web Consortium)组织公布发行了XHTML 1.0版本。XHTML 1.0是一种在HTML 4.0基础上优化和改进的的新语言，目的是基于XML应用。XHTML是一种增强了的HTML,它的可扩展性和灵活性将适应未来网络应用更多的需求。XML虽然数据转换能力强大，完全可以替代HTML，但面对成千上万已有的基于HTML语言设计的网站，直接采用XML还为时过早。因此，在HTML4.0的基础上，用XML的规则对其进行扩展，得到了XHTML。所以，建立XHTML的目的就是实现HTML向XML的过渡。目前国际上在网站设计中推崇的WEB标准就是基于XHTML的应用（即通常所说的CSS＋DIV）。
nohref nohref="nohref"
noshade noshade="noshade"
nowrap nowrap="nowrap"
multiple multiple="multiple"