html网站搭建(html开发环境搭建)
发布时间：2025-07-04 点击：6
html基础html历史
早在1969年，美国就建立了世界上第一个电脑网络—阿帕网。但由于当时的电脑网络只是为了数据运算而建，与人们的日常生活相距甚远，故而网络的发展非常缓慢，直到1985年，连接在阿帕网上的电脑主机也只有1961台。
相对于电脑网络来说，网站的出现要晚得多。1989年，欧洲粒子物理实验室研究员tim berners-lee，发明了一种用于网上交换文本的格式，即基于标记的语言html，并创建了网上软件平台world wide web（万维网）。html最吸引人的地方，在于其超文本链接技术，通过超链接，可以非常方便地跳转到其他任何一个网页上。万维网实现了媒体思想家特德·纳尔逊于1965年提出的超文本设想。万维网的出现，带动了网站的裂变式发展，到2006年11月，全球互联网网站总数就已经超过了一亿大关。
1990年11月，第一个web服务器nxoc01.cern.ch开始运行，tim berners-lee在自己编写的图形化web浏览器“world wide web”上，看到了最早的web页面。
而世界上第一个网站（当时的网址是http://nxoc01.cern.ch/hypertext/www/theproject.html）早在1992年就关闭了，然而幸运的是这一界面却被保留了下来，只要单击下面这个链接：multiple choices
html基础
html是目前在网络上应用最为广泛的语言，也是构成网页文档的主要语言。html文档是由html标签组成的描述性文本，html标签可以标识文字、图形、动画、声音、表格、链接等。
html语言作用
html作为一种网页内容标识语言，易学易懂，熟悉使用该语言可以制作功能强大、美观大方的网页。html语言的主要作用说明如下：
使用html语言标识文本。例如，定义标题文本、段落文本、列表文本、预定义文本等。
使用html语言建立超链接，通过超链接可以访问互联网上的所有信息，当使用鼠标单击超链接时，会自动跳转到链接页面。
使用html语言创建列表，把信息有序地组织在一起，以方便浏览。
使用html语言在网页中显示图像、声音、视频、动画等多媒体信息，把网页设计得更富冲击力。
使用html语言可以制作表格，以方便显示大量数据。
使用html语言制作表单，允许在网页内输入文本信息，执行其他用户操作，方便信息互动。
html文档基本结构
html文档一般都应包含两部分：头部区域和主体区域。html文档基本结构由3个标签负责组织：<html>、<head>和<body>。其中<html>标签标识html文档，<head>标签标识头部区域，而<body>标签标识主体区域。一个完整的html文档基本结构如下：每个标签都是成对组成，第一个标签（如<html>）表示标识的开始位置，而第二个标签（如</html>）表示标识的结束位置。<html>标签包含<head>和<body>标签，而<head>和<body>标签是并列排列。
html基础
编写html文档时，必须遵循html语法规范。html文档实际上就是一个文本文件，它由标签和信息混合组成，当然这些标签和信息必须遵循一定的组合规则，否则浏览器是无法解析的。
html语言的规范条文不多，相信读者也很容易理解。从逻辑上分析，这些标签包含的内容就表示一类对象，也可以称为网页元素。从形式上分析，这些网页元素通过标签进行分隔，然后表达一定的语义。很多时候，我们把网页标签和网页元素混为一团，而实际上，网页文档就是由元素和标签组成的容器。
所有标签都包含在“<”和“>”起止标识符中，构个标签。例如，<style>、<head>、<body>和<div>等。
在html文档中，绝大多数元素都有起始标签和结束标签，在起始标签和结束标签之间包含的是元素主体。例如，<body>和</body>中间包含的就是网页内容主体。
起始标签包含元素的名称，以及可选属性，也就是说元素的名称和属性都必须在起始标签中。结束标签以反斜杠开始，然后附加上元素名称。例如：
<tag>元素主体</ta
元素的属性包含属性名称和属性值两部分，中间通过等号进行连接，多个属性之间通过空格进行分隔。属性与元素名称之间也是通过空格进行分隔。例如：
html常用标签
html定义的标签很多，下面对常用标签进行说明，随着读者学习不断深入，相信会完全掌握html所有标签的用法和使用技巧。
1．文档结构标签
文档结构标签主要用来标识文档的基本结构，主要标签说明如下。
<html>...</html>：标识html文档的起始和终止。
<head>...</head>：标识html文档的头部区域。
<body>...</body>：标识html文档的主体区域。
文本格式标签
文本格式标签主要用来标识文本区块，并附带一定的显示格式，主要标签说明如下。
<title>...</title>：标识网页标题。
<hi>...</hi>：标识标题文本，其中i表示1、2、3、4、5、6，分别表示一级、二级、三级等标题。
<p>...</p>：标识段落文本。
<pre>...</pre>：标识预定义文本。
<blockquote>...</blockquote>：标识引用文本。字符格式标签
字符格式标签主要用来标识部分文本字符的语义，很多字符标签可以呈现一定的显示效果。例如，加粗显示、斜体显示或者下划线显示等。
在html文档中，列表结构可以分为两种类型：有序列表和无序列表。无序列表使用项目符号来标识列表，而有序列表则使用编号来标识列表的项目顺序。
xhtml文档基本结构
完整的xhtml文档结构如下：
xhtml代码不排斥html规则，在结构上也基本相似，但如果仔细比较，它有两点不同。
定义文档类型
在xhtml文档第一行新增了<!doctype>元素。
声明命名空间
在xhtml文档根元素中必须使用xmlns属性声明文档的命名空间。xmlns是xhtml namespace的缩写，中文翻译为命名空间（也有人翻译为名字空间、名称空间）。命名空间是收集元素类型和属性名字的一个详细dtd，它允许通过一个url地址指向来识别命名空间。
xhtml是html向xml过渡的标识语言，它需要符合xml规则，因此也需要定义名字空间。又因为xhtml 1.0还不允许用户自定义元素，因此它的命名空间都相同，就是“er是根据xml语法简化而来的，因此它遵循xml文档规范。同时xhtml又大量继承html语言语法规范，因此与html语言非常相似，不过它对代码的要求更加严谨。遵循这些要求，对于培养良好的xhtml代码书写习惯是非常重要的。
xhtml文档类型
xhtml 1.0支持3种dtd（型定义）声明：过渡型（transitional）、严格型（strict）和框架型（frameset）。
1．过渡型
这种文档类型对于标签和属性的语法要求不是很严格，允许在页面中使用html 4.01的标签（符合xhtml语法标准）。过渡型dtd语句如下：
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en"
"http://www.w1.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
2．严格型
这类文档类型对于文档内的代码要求比较严格，不允许使用任何表现层的标签和属性。严格型dtd语句如下：
<!doctype html public "-//w3c//dtd xhtml 1.0 strict//en"
"http://www.w1.org/tr/xhtml1/dtd/xhtml1-strict.dtd">
在严格型文档类型中，以下元素将不被支持。
center：居中（属于表现层）。
font：字体样式，如大小、颜色和样式（属于表现层）。
strike：删除线（属于表现层）。
s：删除线（属于表现层）。
u：文本下划线（属于表现层）。
iframe：嵌入式框架窗口（专用于框架文档类型或过渡型文档）。
isindex：提示用户输入单行文本（与input元素语义重复）。
dir：定义目录列表（与dl元素语义重复）。
menu：定义菜单列表（与ul元素语义重复）。
basefont：定义文档默认字体属性（属于表现层）。
applet：定义插件（与object元素语义重复）。
在严格型文档类型中，以下属性将不被支持。
align（支持table包含的相关元素：tr、td、th、col、colgroup、thead、tbody、tfoot）。
language。
background。
bgcolor。
border（table元素支持）。
height（img和object元素支持）。
hspace。
name（在html 4.01 strict中支持，在xhtml 1.0 strict中的form和img元素不支持）。
noshade。
nowrap。
target。
text、link、vlink和alink。
vspace。
width（img、object、table、col和colgroup元素支持）。
框架型
这是一种专门针对框架页面所使用的dtd，
实际上，dtd是一套关于标签的语法规则。dtd文件是一个ascii的文本文件，后缀名为.dtd。利用doctype声明中的url可以访问指定类型的dtd详细信息。例如，对于xhtml 1.0过渡型dtd的url为http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd，在dreamweaver中打开xhtml 1.0过渡型dtd文档，代码显示如图2.4所示。
xhtml 1.0过渡型dtd文档
一个dtd文档包含元素的定义规则，元素间关系的定义规则，元素可使用的属性、实体或符号规则。这些规则用于标签web文档的内容。此外还包括了一些其他规则，它们规定了哪些标签能出现在其他标签中。文档类型不同，它们对应的dtd也不相同。
doctype结构图
doctype声明中各个部分说明如下。
顶级元素：指定dtd中声明的顶级元素类型，这与声明的sgml文档类型相对应。html文档默认顶级元素为html。
可用性：指定正式公开标识符（fpi）是可公开访问的对象（public）还是系统资源（system）。默认为public，system系统资源包括本地文件或url。
注册：指定组织是否由国际标准化组织（iso）注册。“+”（默认）表示组织名称已注册，“-”表示组织名称未注册。w3c是属于非注册的iso组织，所以显示为“-”符号。
组织：指定在!doctype声明引用的dtd（文档类型定义）的创建和维护的团体或组织的名称。html语言规范的创建和维护组织为w3c。
类型：指定公开文本的类，即所引用的对象类型。html默认为dtd。
标签：指定公开文本的描述，即对所引用的公开文本的唯一描述性名称，后面可附带版本号。html默认为html，xhtml默认为xhtml，后面跟随的是语言版本号。
定义：指定文档类型定义，包含frameset（框架集文档）、strict（严格型文档）和transitional（过渡型文档）。strict（严格型文档）禁止使用w3c规范中指定将逐步淘汰的元素和属性，而transitional（过渡型文档）可以包含除frameset元素以外的全部内容。
语言：指定公开文本的语言，即用于创建所引用对象的自然语言编码系统。该语言定义已编写为iso 639语言代码（两个字母要大写），默认为en（英语）。
名字空间
在xhtml文档中，读者还需要注意另一个容易忽略的问题：给<html>标签定义名字空间。
html元信息
在html文档结构的头部区域，存储着文档的各种基本信，这些信息主要被浏览器所采用，不会显示在网页正文中。另外，搜索引擎也会检索这些信息，因此重视并设置这些头部信息将有助于提高网页的访问率。
做网站解析影响网页加载的速度的原因
我们为什么需要把关键词优化到首页?
上海网站建设中需要重点关注的几个点
div再议以及对span的迷惑
网站平面设计如何配色？
网站开发比得是耐心
网站优化选择关键词有哪些技巧？
重庆网站改版未来三年会成为主要趋势
早在1969年，美国就建立了世界上第一个电脑网络—阿帕网。但由于当时的电脑网络只是为了数据运算而建，与人们的日常生活相距甚远，故而网络的发展非常缓慢，直到1985年，连接在阿帕网上的电脑主机也只有1961台。
相对于电脑网络来说，网站的出现要晚得多。1989年，欧洲粒子物理实验室研究员tim berners-lee，发明了一种用于网上交换文本的格式，即基于标记的语言html，并创建了网上软件平台world wide web（万维网）。html最吸引人的地方，在于其超文本链接技术，通过超链接，可以非常方便地跳转到其他任何一个网页上。万维网实现了媒体思想家特德·纳尔逊于1965年提出的超文本设想。万维网的出现，带动了网站的裂变式发展，到2006年11月，全球互联网网站总数就已经超过了一亿大关。
1990年11月，第一个web服务器nxoc01.cern.ch开始运行，tim berners-lee在自己编写的图形化web浏览器“world wide web”上，看到了最早的web页面。
而世界上第一个网站（当时的网址是http://nxoc01.cern.ch/hypertext/www/theproject.html）早在1992年就关闭了，然而幸运的是这一界面却被保留了下来，只要单击下面这个链接：multiple choices
html基础
html是目前在网络上应用最为广泛的语言，也是构成网页文档的主要语言。html文档是由html标签组成的描述性文本，html标签可以标识文字、图形、动画、声音、表格、链接等。
html语言作用
html作为一种网页内容标识语言，易学易懂，熟悉使用该语言可以制作功能强大、美观大方的网页。html语言的主要作用说明如下：
使用html语言标识文本。例如，定义标题文本、段落文本、列表文本、预定义文本等。
使用html语言建立超链接，通过超链接可以访问互联网上的所有信息，当使用鼠标单击超链接时，会自动跳转到链接页面。
使用html语言创建列表，把信息有序地组织在一起，以方便浏览。
使用html语言在网页中显示图像、声音、视频、动画等多媒体信息，把网页设计得更富冲击力。
使用html语言可以制作表格，以方便显示大量数据。
使用html语言制作表单，允许在网页内输入文本信息，执行其他用户操作，方便信息互动。
html文档基本结构
html文档一般都应包含两部分：头部区域和主体区域。html文档基本结构由3个标签负责组织：<html>、<head>和<body>。其中<html>标签标识html文档，<head>标签标识头部区域，而<body>标签标识主体区域。一个完整的html文档基本结构如下：每个标签都是成对组成，第一个标签（如<html>）表示标识的开始位置，而第二个标签（如</html>）表示标识的结束位置。<html>标签包含<head>和<body>标签，而<head>和<body>标签是并列排列。
html基础
编写html文档时，必须遵循html语法规范。html文档实际上就是一个文本文件，它由标签和信息混合组成，当然这些标签和信息必须遵循一定的组合规则，否则浏览器是无法解析的。
html语言的规范条文不多，相信读者也很容易理解。从逻辑上分析，这些标签包含的内容就表示一类对象，也可以称为网页元素。从形式上分析，这些网页元素通过标签进行分隔，然后表达一定的语义。很多时候，我们把网页标签和网页元素混为一团，而实际上，网页文档就是由元素和标签组成的容器。
所有标签都包含在“<”和“>”起止标识符中，构个标签。例如，<style>、<head>、<body>和<div>等。
在html文档中，绝大多数元素都有起始标签和结束标签，在起始标签和结束标签之间包含的是元素主体。例如，<body>和</body>中间包含的就是网页内容主体。
起始标签包含元素的名称，以及可选属性，也就是说元素的名称和属性都必须在起始标签中。结束标签以反斜杠开始，然后附加上元素名称。例如：
<tag>元素主体</ta
元素的属性包含属性名称和属性值两部分，中间通过等号进行连接，多个属性之间通过空格进行分隔。属性与元素名称之间也是通过空格进行分隔。例如：
html常用标签
html定义的标签很多，下面对常用标签进行说明，随着读者学习不断深入，相信会完全掌握html所有标签的用法和使用技巧。
1．文档结构标签
文档结构标签主要用来标识文档的基本结构，主要标签说明如下。
<html>...</html>：标识html文档的起始和终止。
<head>...</head>：标识html文档的头部区域。
<body>...</body>：标识html文档的主体区域。
文本格式标签
文本格式标签主要用来标识文本区块，并附带一定的显示格式，主要标签说明如下。
<title>...</title>：标识网页标题。
<hi>...</hi>：标识标题文本，其中i表示1、2、3、4、5、6，分别表示一级、二级、三级等标题。
<p>...</p>：标识段落文本。
<pre>...</pre>：标识预定义文本。
<blockquote>...</blockquote>：标识引用文本。字符格式标签
字符格式标签主要用来标识部分文本字符的语义，很多字符标签可以呈现一定的显示效果。例如，加粗显示、斜体显示或者下划线显示等。
在html文档中，列表结构可以分为两种类型：有序列表和无序列表。无序列表使用项目符号来标识列表，而有序列表则使用编号来标识列表的项目顺序。
xhtml文档基本结构
完整的xhtml文档结构如下：
xhtml代码不排斥html规则，在结构上也基本相似，但如果仔细比较，它有两点不同。
定义文档类型
在xhtml文档第一行新增了<!doctype>元素。
声明命名空间
在xhtml文档根元素中必须使用xmlns属性声明文档的命名空间。xmlns是xhtml namespace的缩写，中文翻译为命名空间（也有人翻译为名字空间、名称空间）。命名空间是收集元素类型和属性名字的一个详细dtd，它允许通过一个url地址指向来识别命名空间。
xhtml是html向xml过渡的标识语言，它需要符合xml规则，因此也需要定义名字空间。又因为xhtml 1.0还不允许用户自定义元素，因此它的命名空间都相同，就是“er是根据xml语法简化而来的，因此它遵循xml文档规范。同时xhtml又大量继承html语言语法规范，因此与html语言非常相似，不过它对代码的要求更加严谨。遵循这些要求，对于培养良好的xhtml代码书写习惯是非常重要的。
xhtml文档类型
xhtml 1.0支持3种dtd（型定义）声明：过渡型（transitional）、严格型（strict）和框架型（frameset）。
1．过渡型
这种文档类型对于标签和属性的语法要求不是很严格，允许在页面中使用html 4.01的标签（符合xhtml语法标准）。过渡型dtd语句如下：
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en"
"http://www.w1.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
2．严格型
这类文档类型对于文档内的代码要求比较严格，不允许使用任何表现层的标签和属性。严格型dtd语句如下：
<!doctype html public "-//w3c//dtd xhtml 1.0 strict//en"
"http://www.w1.org/tr/xhtml1/dtd/xhtml1-strict.dtd">
在严格型文档类型中，以下元素将不被支持。
center：居中（属于表现层）。
font：字体样式，如大小、颜色和样式（属于表现层）。
strike：删除线（属于表现层）。
s：删除线（属于表现层）。
u：文本下划线（属于表现层）。
iframe：嵌入式框架窗口（专用于框架文档类型或过渡型文档）。
isindex：提示用户输入单行文本（与input元素语义重复）。
dir：定义目录列表（与dl元素语义重复）。
menu：定义菜单列表（与ul元素语义重复）。
basefont：定义文档默认字体属性（属于表现层）。
applet：定义插件（与object元素语义重复）。
在严格型文档类型中，以下属性将不被支持。
align（支持table包含的相关元素：tr、td、th、col、colgroup、thead、tbody、tfoot）。
language。
background。
bgcolor。
border（table元素支持）。
height（img和object元素支持）。
hspace。
name（在html 4.01 strict中支持，在xhtml 1.0 strict中的form和img元素不支持）。
noshade。
nowrap。
target。
text、link、vlink和alink。
vspace。
width（img、object、table、col和colgroup元素支持）。
框架型
这是一种专门针对框架页面所使用的dtd，
实际上，dtd是一套关于标签的语法规则。dtd文件是一个ascii的文本文件，后缀名为.dtd。利用doctype声明中的url可以访问指定类型的dtd详细信息。例如，对于xhtml 1.0过渡型dtd的url为http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd，在dreamweaver中打开xhtml 1.0过渡型dtd文档，代码显示如图2.4所示。
xhtml 1.0过渡型dtd文档
一个dtd文档包含元素的定义规则，元素间关系的定义规则，元素可使用的属性、实体或符号规则。这些规则用于标签web文档的内容。此外还包括了一些其他规则，它们规定了哪些标签能出现在其他标签中。文档类型不同，它们对应的dtd也不相同。
doctype结构图
doctype声明中各个部分说明如下。
顶级元素：指定dtd中声明的顶级元素类型，这与声明的sgml文档类型相对应。html文档默认顶级元素为html。
可用性：指定正式公开标识符（fpi）是可公开访问的对象（public）还是系统资源（system）。默认为public，system系统资源包括本地文件或url。
注册：指定组织是否由国际标准化组织（iso）注册。“+”（默认）表示组织名称已注册，“-”表示组织名称未注册。w3c是属于非注册的iso组织，所以显示为“-”符号。
组织：指定在!doctype声明引用的dtd（文档类型定义）的创建和维护的团体或组织的名称。html语言规范的创建和维护组织为w3c。
类型：指定公开文本的类，即所引用的对象类型。html默认为dtd。
标签：指定公开文本的描述，即对所引用的公开文本的唯一描述性名称，后面可附带版本号。html默认为html，xhtml默认为xhtml，后面跟随的是语言版本号。
定义：指定文档类型定义，包含frameset（框架集文档）、strict（严格型文档）和transitional（过渡型文档）。strict（严格型文档）禁止使用w3c规范中指定将逐步淘汰的元素和属性，而transitional（过渡型文档）可以包含除frameset元素以外的全部内容。
语言：指定公开文本的语言，即用于创建所引用对象的自然语言编码系统。该语言定义已编写为iso 639语言代码（两个字母要大写），默认为en（英语）。
名字空间
在xhtml文档中，读者还需要注意另一个容易忽略的问题：给<html>标签定义名字空间。
html元信息
在html文档结构的头部区域，存储着文档的各种基本信，这些信息主要被浏览器所采用，不会显示在网页正文中。另外，搜索引擎也会检索这些信息，因此重视并设置这些头部信息将有助于提高网页的访问率。
做网站解析影响网页加载的速度的原因
我们为什么需要把关键词优化到首页?
上海网站建设中需要重点关注的几个点
div再议以及对span的迷惑
网站平面设计如何配色？
网站开发比得是耐心
网站优化选择关键词有哪些技巧？
重庆网站改版未来三年会成为主要趋势
上一篇：网站建设要注意的四点