HTML 是用来描述网页的一种语言。

- HTML 指的是超文本标记语言 (Hyper Text Markup Language) 
- HTML 不是一种编程语言,而是一种标记语言 (markup language) 
- 标记语言是一套标记标签 (markup tag) 
- HTML 使用标记标签来描述网页 
HTML 标签
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
- HTML 标签是由尖括号包围的关键词,比如 
- HTML 标签通常是成对出现的,比如 和 
- 标签对中的第一个标签是开始标签,第二个标签是结束标签 
- 开始和结束标签也被称为开放标签和闭合标签 
HTML 文档 = 网页
- HTML 文档描述网页 
- HTML 文档包含 HTML 标签和纯文本 
- HTML 文档也被称为网页 
Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器不会显示 HTML 标签,而是使用标签来解释页面的内容:
- 与 之间的文本描述网页 
- 与 之间的文本是可见的页面内容
- 与之间的文本被显示为标题
- 与 之间的文本被显示为段落
HTML 标题
HTML 标题(Heading)是通过
 -  等标签进行定义的。    超过的部分不显示为标题
Test:
	
		My First Heading
		This is a heading 
		This is a heading 
		
		 What? 	
		My First paragraph
		My Sencong paragraph
		This is a link
		
		![]() 
		![]() 
	
HTML 元素语法
- HTML 元素以开始标签起始 
- HTML 元素以结束标签终止 
- 元素的内容是开始标签与结束标签之间的内容 
- 某些 HTML 元素具有空内容(empty content) 
- 空元素在开始标签中进行关闭(以开始标签的结束而结束) 
- 大多数 HTML 元素可拥有属性 
嵌套的 HTML 元素
大多数 HTML 元素可以嵌套(可以包含其他 HTML 元素)。
HTML 文档由嵌套的 HTML 元素构成。
空的 HTML 元素
没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。
 就是没有关闭标签的空元素(
 标签定义换行)。
在 XHTML、XML 以及未来版本的 HTML 中,所有元素都必须被关闭。
在开始标签中添加斜杠,比如 
,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。
即使 
 在所有浏览器中都是有效的,但使用 
 其实是更长远的保障。
HTML 提示:使用小写标签
HTML 标签对大小写不敏感:
 等同于 
。许多网站都使用大写的 HTML 标签。
万维网联盟(W3C)在 HTML 4 中推荐使用小写,而在未来 (X)HTML 
版本中强制使用小写。
HTML 属性
HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。
属性总是以名称/值对的形式出现,比如:name="value"。
属性总是在 HTML 元素的开始标签中规定。
HTML 提示:使用小写属性
属性和属性值对大小写不敏感。
不过,万维网联盟在其 HTML 4 推荐标准中推荐小写的属性/属性值。
而新版本的 (X)HTML 要求使用小写属性。
始终为属性值加引号
属性值应该始终被包括在引号内。双引号是最常用的,不过使用单引号也没有问题。
在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:
name='Bill "HelloWorld" Gates'
	
	
		
		My First Heading
		This is a heading 
		This is a heading 
		
		 What? 	
		My First paragraph
		My Sencong paragraph
		
	
HTML 标题
标题(Heading)是通过 
 -  等标签进行定义的。 定义大的标题。 定义最小的标题。浏览器会自动地在标题的前后添加空行。
默认情况下,HTML 会自动地在块级元素前后添加一个额外的空行,比如段落、标题元素前后。
标题很重要
请确保将 HTML heading 标签只用于标题。不要仅仅是为了产生粗体或大号的文本而使用标题。
搜索引擎使用标题为您的网页的结构和内容编制索引。
因为用户可以通过标题来快速浏览您的网页,所以用标题来呈现文档结构是很重要的。
应该将 h2 用作主标题(最重要的),其后是 h3(次重要的),再其次是 h4,以此类推。
HTML 水平线
 标签在 HTML 页面中创建水平线。hr 元素可用于分隔内容。
使用水平线 (
 标签) 来分隔文章中的小节是一个办法(但并不是唯一的办法)。
	
	
		
		My First Heading
		
		
 
		This is a heading 
		
		This is a heading 
		
		
		 What? 	
		
		My First paragraph
		
		My Sencong paragraph
		
	
HTML 段落
段落是通过 
 标签定义的。浏览器会自动地在段落的前后添加空行。(
 是块级元素)
使用空的段落标记 
 去插入一个空行是个坏习惯。用 
 标签代替它
 元素是一个空的 HTML 元素。由于关闭标签没有任何意义,因此它没有结束标签
	
	
		
		This
 is
 a
 HTML  
		
	
 还是 
您也许发现 
 与 
 很相似。
在 XHTML、XML 以及未来的 HTML 版本中,不允许使用没有结束标签(闭合标签)的 HTML 元素。
即使 
 在所有浏览器中的显示都没有问题,使用 
 也是更长远的保障。
HTML 输出 - 有用的提示
我们无法确定 HTML 被显示的确切效果。屏幕的大小,以及对窗口的调整都可能导致不同的结果。
对于 HTML,您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。
当显示页面时,浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是,HTML 
代码中的所有连续的空行(换行)也被显示为一个空格。
HTML 超链接(链接)
超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。
我们通过使用  标签在 HTML 中创建链接。
有两种使用  标签的方式:
- 通过使用 href 属性 - 创建指向另一个文档的链接 
- 通过使用 name 属性 - 创建文档内的书签 
HTML 链接 - target 属性
使用 Target 属性,你可以定义被链接的文档在何处显示。
	
	
		BaiDu
	
HTML 链接 - name 属性
name 属性规定锚(anchor)的名称。
您可以使用 name 属性创建 HTML 页面中的书签。
书签不会以任何特殊方式显示,它对读者是不可见的。
当使用命名锚(named 
anchors)时,我们可以创建直接跳至该命名锚(比如页面中某个小节)的链接,这样使用者就无需不停地滚动页面来寻找他们需要的信息了。
提示:锚的名称可以是任何你喜欢的名字。
提示:您可以使用 id 属性来替代 name 属性,命名锚同样有效。
基本的注意事项 - 有用的提示:
注释:请始终将正斜杠添加到子文件夹。假如这样书写链接:href="http://www.w3school.com.cn/html",就会向服务器产生两次 
HTTP 
请求。这是因为服务器会添加正斜杠到这个地址,然后创建一个新的请求,就像这样:href="http://www.w3school.com.cn/html/"。
提示:命名锚经常用于在大型文档开始位置上创建目录。可以为每个章节赋予一个命名锚,然后把链接到这些锚的链接放到文档的上部。如果您经常访问百度百科,您会发现其中几乎每个词条都采用这样的导航方式。
提示:假如浏览器找不到已定义的命名锚,那么就会定位到文档的顶端。不会有错误发生。
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
                                                
                                                网页题目:HTML基础(一)-创新互联                                                
                                                文章路径:http://www.scyingshan.cn/article/dspoee.html
                                             
 
 
超过的部分不显示为标题
Test:
My First Heading
This is a heading
This is a heading
What? My First paragraph
My Sencong paragraph
This is a link![]()
![]()
HTML 元素语法
- HTML 元素以开始标签起始 
- HTML 元素以结束标签终止 
- 元素的内容是开始标签与结束标签之间的内容 
- 某些 HTML 元素具有空内容(empty content) 
- 空元素在开始标签中进行关闭(以开始标签的结束而结束) 
- 大多数 HTML 元素可拥有属性 
嵌套的 HTML 元素
大多数 HTML 元素可以嵌套(可以包含其他 HTML 元素)。
HTML 文档由嵌套的 HTML 元素构成。
空的 HTML 元素
没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。
 就是没有关闭标签的空元素(
 标签定义换行)。
在 XHTML、XML 以及未来版本的 HTML 中,所有元素都必须被关闭。
在开始标签中添加斜杠,比如 
,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。
即使 
 在所有浏览器中都是有效的,但使用 
 其实是更长远的保障。
HTML 提示:使用小写标签
HTML 标签对大小写不敏感:
等同于
。许多网站都使用大写的 HTML 标签。
万维网联盟(W3C)在 HTML 4 中推荐使用小写,而在未来 (X)HTML 版本中强制使用小写。
HTML 属性
HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。
属性总是以名称/值对的形式出现,比如:name="value"。
属性总是在 HTML 元素的开始标签中规定。
HTML 提示:使用小写属性
属性和属性值对大小写不敏感。
不过,万维网联盟在其 HTML 4 推荐标准中推荐小写的属性/属性值。
而新版本的 (X)HTML 要求使用小写属性。
始终为属性值加引号
属性值应该始终被包括在引号内。双引号是最常用的,不过使用单引号也没有问题。
在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:
name='Bill "HelloWorld" Gates'
My First Heading
This is a heading
This is a heading
What? My First paragraph
My Sencong paragraph
HTML 标题
标题(Heading)是通过
 -  等标签进行定义的。 定义大的标题。 定义最小的标题。浏览器会自动地在标题的前后添加空行。
默认情况下,HTML 会自动地在块级元素前后添加一个额外的空行,比如段落、标题元素前后。
标题很重要
请确保将 HTML heading 标签只用于标题。不要仅仅是为了产生粗体或大号的文本而使用标题。
搜索引擎使用标题为您的网页的结构和内容编制索引。
因为用户可以通过标题来快速浏览您的网页,所以用标题来呈现文档结构是很重要的。
应该将 h2 用作主标题(最重要的),其后是 h3(次重要的),再其次是 h4,以此类推。
HTML 水平线
 标签在 HTML 页面中创建水平线。hr 元素可用于分隔内容。
使用水平线 (
 标签) 来分隔文章中的小节是一个办法(但并不是唯一的办法)。
	
	
		
		My First Heading
		
		
 
		This is a heading 
		
		This is a heading 
		
		
		 What? 	
		
		My First paragraph
		
		My Sencong paragraph
		
	
HTML 段落
段落是通过 
 标签定义的。浏览器会自动地在段落的前后添加空行。(
 是块级元素)
使用空的段落标记 
 去插入一个空行是个坏习惯。用 
 标签代替它
 元素是一个空的 HTML 元素。由于关闭标签没有任何意义,因此它没有结束标签
	
	
		
		This
 is
 a
 HTML  
		
	
 还是 
您也许发现 
 与 
 很相似。
在 XHTML、XML 以及未来的 HTML 版本中,不允许使用没有结束标签(闭合标签)的 HTML 元素。
即使 
 在所有浏览器中的显示都没有问题,使用 
 也是更长远的保障。
HTML 输出 - 有用的提示
我们无法确定 HTML 被显示的确切效果。屏幕的大小,以及对窗口的调整都可能导致不同的结果。
对于 HTML,您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。
当显示页面时,浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是,HTML 
代码中的所有连续的空行(换行)也被显示为一个空格。
HTML 超链接(链接)
超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。
我们通过使用  标签在 HTML 中创建链接。
有两种使用  标签的方式:
- 通过使用 href 属性 - 创建指向另一个文档的链接 
- 通过使用 name 属性 - 创建文档内的书签 
HTML 链接 - target 属性
使用 Target 属性,你可以定义被链接的文档在何处显示。
	
	
		BaiDu
	
HTML 链接 - name 属性
name 属性规定锚(anchor)的名称。
您可以使用 name 属性创建 HTML 页面中的书签。
书签不会以任何特殊方式显示,它对读者是不可见的。
当使用命名锚(named 
anchors)时,我们可以创建直接跳至该命名锚(比如页面中某个小节)的链接,这样使用者就无需不停地滚动页面来寻找他们需要的信息了。
提示:锚的名称可以是任何你喜欢的名字。
提示:您可以使用 id 属性来替代 name 属性,命名锚同样有效。
基本的注意事项 - 有用的提示:
注释:请始终将正斜杠添加到子文件夹。假如这样书写链接:href="http://www.w3school.com.cn/html",就会向服务器产生两次 
HTTP 
请求。这是因为服务器会添加正斜杠到这个地址,然后创建一个新的请求,就像这样:href="http://www.w3school.com.cn/html/"。
提示:命名锚经常用于在大型文档开始位置上创建目录。可以为每个章节赋予一个命名锚,然后把链接到这些锚的链接放到文档的上部。如果您经常访问百度百科,您会发现其中几乎每个词条都采用这样的导航方式。
提示:假如浏览器找不到已定义的命名锚,那么就会定位到文档的顶端。不会有错误发生。
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
                                                
                                                网页题目:HTML基础(一)-创新互联                                                
                                                文章路径:http://www.scyingshan.cn/article/dspoee.html
                                             
 
 定义大的标题。 定义最小的标题。浏览器会自动地在标题的前后添加空行。
默认情况下,HTML 会自动地在块级元素前后添加一个额外的空行,比如段落、标题元素前后。
标题很重要
请确保将 HTML heading 标签只用于标题。不要仅仅是为了产生粗体或大号的文本而使用标题。
搜索引擎使用标题为您的网页的结构和内容编制索引。
因为用户可以通过标题来快速浏览您的网页,所以用标题来呈现文档结构是很重要的。
应该将 h2 用作主标题(最重要的),其后是 h3(次重要的),再其次是 h4,以此类推。
HTML 水平线
 标签在 HTML 页面中创建水平线。hr 元素可用于分隔内容。
使用水平线 (
 标签) 来分隔文章中的小节是一个办法(但并不是唯一的办法)。
	
	
		
		My First Heading
		
		
 
		This is a heading 
		
		This is a heading 
		
		
		 What? 	
		
		My First paragraph
		
		My Sencong paragraph
		
	
HTML 段落
段落是通过 
 标签定义的。浏览器会自动地在段落的前后添加空行。(
 是块级元素)
使用空的段落标记 
 去插入一个空行是个坏习惯。用 
 标签代替它
 元素是一个空的 HTML 元素。由于关闭标签没有任何意义,因此它没有结束标签
	
	
		
		This
 is
 a
 HTML  
		
	
 还是 
您也许发现 
 与 
 很相似。
在 XHTML、XML 以及未来的 HTML 版本中,不允许使用没有结束标签(闭合标签)的 HTML 元素。
即使 
 在所有浏览器中的显示都没有问题,使用 
 也是更长远的保障。
HTML 输出 - 有用的提示
我们无法确定 HTML 被显示的确切效果。屏幕的大小,以及对窗口的调整都可能导致不同的结果。
对于 HTML,您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。
当显示页面时,浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是,HTML 
代码中的所有连续的空行(换行)也被显示为一个空格。
HTML 超链接(链接)
超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。
我们通过使用  标签在 HTML 中创建链接。
有两种使用  标签的方式:
- 通过使用 href 属性 - 创建指向另一个文档的链接 
- 通过使用 name 属性 - 创建文档内的书签 
HTML 链接 - target 属性
使用 Target 属性,你可以定义被链接的文档在何处显示。
	
	
		BaiDu
	
HTML 链接 - name 属性
name 属性规定锚(anchor)的名称。
您可以使用 name 属性创建 HTML 页面中的书签。
书签不会以任何特殊方式显示,它对读者是不可见的。
当使用命名锚(named 
anchors)时,我们可以创建直接跳至该命名锚(比如页面中某个小节)的链接,这样使用者就无需不停地滚动页面来寻找他们需要的信息了。
提示:锚的名称可以是任何你喜欢的名字。
提示:您可以使用 id 属性来替代 name 属性,命名锚同样有效。
基本的注意事项 - 有用的提示:
注释:请始终将正斜杠添加到子文件夹。假如这样书写链接:href="http://www.w3school.com.cn/html",就会向服务器产生两次 
HTTP 
请求。这是因为服务器会添加正斜杠到这个地址,然后创建一个新的请求,就像这样:href="http://www.w3school.com.cn/html/"。
提示:命名锚经常用于在大型文档开始位置上创建目录。可以为每个章节赋予一个命名锚,然后把链接到这些锚的链接放到文档的上部。如果您经常访问百度百科,您会发现其中几乎每个词条都采用这样的导航方式。
提示:假如浏览器找不到已定义的命名锚,那么就会定位到文档的顶端。不会有错误发生。
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
                                                
                                                网页题目:HTML基础(一)-创新互联                                                
                                                文章路径:http://www.scyingshan.cn/article/dspoee.html
                                             
浏览器会自动地在标题的前后添加空行。
默认情况下,HTML 会自动地在块级元素前后添加一个额外的空行,比如段落、标题元素前后。
标题很重要
请确保将 HTML heading 标签只用于标题。不要仅仅是为了产生粗体或大号的文本而使用标题。
搜索引擎使用标题为您的网页的结构和内容编制索引。
因为用户可以通过标题来快速浏览您的网页,所以用标题来呈现文档结构是很重要的。
应该将 h2 用作主标题(最重要的),其后是 h3(次重要的),再其次是 h4,以此类推。
HTML 水平线
标签在 HTML 页面中创建水平线。
hr 元素可用于分隔内容。
使用水平线 (
标签) 来分隔文章中的小节是一个办法(但并不是唯一的办法)。
My First Heading
This is a heading
This is a heading
What? 
My First paragraph
My Sencong paragraph
HTML 段落
段落是通过
标签定义的。浏览器会自动地在段落的前后添加空行。(
是块级元素)
使用空的段落标记
去插入一个空行是个坏习惯。用标签代替它
 元素是一个空的 HTML 元素。由于关闭标签没有任何意义,因此它没有结束标签
This
is
a
HTML
 还是 
您也许发现 
 与 
 很相似。
在 XHTML、XML 以及未来的 HTML 版本中,不允许使用没有结束标签(闭合标签)的 HTML 元素。
即使 
 在所有浏览器中的显示都没有问题,使用 
 也是更长远的保障。
HTML 输出 - 有用的提示
我们无法确定 HTML 被显示的确切效果。屏幕的大小,以及对窗口的调整都可能导致不同的结果。
对于 HTML,您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。
当显示页面时,浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是,HTML 代码中的所有连续的空行(换行)也被显示为一个空格。
HTML 超链接(链接)
超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。
我们通过使用 标签在 HTML 中创建链接。
有两种使用 标签的方式:
- 通过使用 href 属性 - 创建指向另一个文档的链接 
- 通过使用 name 属性 - 创建文档内的书签 
HTML 链接 - target 属性
使用 Target 属性,你可以定义被链接的文档在何处显示。
BaiDu
HTML 链接 - name 属性
name 属性规定锚(anchor)的名称。
您可以使用 name 属性创建 HTML 页面中的书签。
书签不会以任何特殊方式显示,它对读者是不可见的。
当使用命名锚(named anchors)时,我们可以创建直接跳至该命名锚(比如页面中某个小节)的链接,这样使用者就无需不停地滚动页面来寻找他们需要的信息了。
提示:锚的名称可以是任何你喜欢的名字。
提示:您可以使用 id 属性来替代 name 属性,命名锚同样有效。
基本的注意事项 - 有用的提示:
注释:请始终将正斜杠添加到子文件夹。假如这样书写链接:href="http://www.w3school.com.cn/html",就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址,然后创建一个新的请求,就像这样:href="http://www.w3school.com.cn/html/"。
提示:命名锚经常用于在大型文档开始位置上创建目录。可以为每个章节赋予一个命名锚,然后把链接到这些锚的链接放到文档的上部。如果您经常访问百度百科,您会发现其中几乎每个词条都采用这样的导航方式。
提示:假如浏览器找不到已定义的命名锚,那么就会定位到文档的顶端。不会有错误发生。
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
网页题目:HTML基础(一)-创新互联
文章路径:http://www.scyingshan.cn/article/dspoee.html

 建站
建站
 咨询
咨询 售后
售后
 建站咨询
建站咨询 
 