【JAVAWeb】 - pinkowonote

HTML 标签

标签表示文本的段落，段落通常在可视媒体中表示为文本块，是块级元素。

元素会自动在其前后创建一些空白。浏览器会自动添加这些空间，您也可以在样式表中规定。

注意： 标签与 标签都有换行的意思，不同的是 标签是大换行（分段）， 标签是小换行。

实例

<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
 </head>
 <body>
  <p>这是一个段落。</p> 
  <p>这是另外一个段落。</p>
 </body>
</html>

HTML 标签

标签是空标签，可插入一个简单的换行符。

标签插入一个简单的换行符。

标签是一个空标签，意味着它没有结束标签，所以一般会写 ：在标签内结束

标签只是简单地开始新的一行，而当浏览器遇到 标签时，通常会在相邻的段落之间插入一些垂直的间距。

提示：在写地址信息或者写诗词时 标签非常有用。

注释： 请使用 标签来输入空行，而不是分割段落。

<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
 </head>
 <body>
  <p>
  使用br元素<br>在文本中<br/>换行。
  </p>
 </body>
</html>

在早先发布的html规范中 /<hr>/<img>等标记元素是无需“封闭自身”的，这就造成了html规范本身的不严谨，所以后来参考了更规范的XML语言的语法推出了xhtml。

在xhtml中所有类似br这样的孤立标签都需要自行封闭，具体的做法就是在标签名字的后面跟个“/”，例如 ，因此，是没有这个写法的。从逻辑上讲 = ...，这样做的目的是为了尽量减少网页的代码量，同时保持逻辑严谨。

按照xhtml的标准，标签都必须成对出现，不能成对的标签也需要结束符

所以br的写法包括 

其实你写个代码测试一下就知道， 这样写不表示换行一次，而是两次

HTML是SGML的子集，SGML允许标签没有结束标签，而换行符元素正好不需要内嵌元素，也就不需要结束标签。所以在HTML中，应该写成 。

XHTML是XML的子集，在XML中，标签必须要有结束标签。所以在XHTML中只写 是不符合语法的，必须写成 或简写成 。

在XHTML的发展过程中，要做到兼容旧的HTML浏览器。而旧的HTML浏览器不理解（错误理解）这两种写法，对于第一种写法，某些浏览器估计会理解成两个 标签（我没有资料证明这一点），对于第二种写法，某些浏览器会理解成一个叫"br/"的标签。所以在兼容HTML的XHTML中我们通常把它写成 ，这样在HTML解析中会理解成有一个叫"/"的属性的"br"标签，在XML解析中仍然会理解成 的简写，达到了两全其美的效果。
浏览器支持

所有浏览器都支持 标签。

HTML 与 XHTML 之间的差异

在 HTML 中， 标签没有结束标签。

在 XHTML 中， 标签必须被正确地关闭，比如这样： 。

HTML 标签 - HTML5 不支持

该标签已经过时，因此我们不建议您使用该标签。

HTML5 不支持 标签。请用 CSS 定义文本的字体、尺寸、颜色。

在 HTML 4.01 中， 元素废弃。

标签规定文本的字体、字体尺寸、字体颜色。

可选的属性

属性	值	描述
color	rgb(x,x,x) #xxxxxx colorname	HTML5 不支持。HTML 4.01 已废弃。规定文本的颜色。
face	font_family	HTML5 不支持。HTML 4.01 已废弃。规定文本的字体。
size	number	HTML5 不支持。HTML 4.01 已废弃。规定文本的尺寸。

属性

值

描述

color

rgb(x,x,x)

#xxxxxx

colorname

HTML5 不支持。HTML 4.01 已废弃。规定文本的颜色。

face

font_family

HTML5 不支持。HTML 4.01 已废弃。规定文本的字体。

size

number

HTML5 不支持。HTML 4.01 已废弃。规定文本的尺寸。

实例

<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
 </head>
 <body>
  <p><font size="3" color="red">这是一些文本！</font></p>
  <p><font size="2" color="blue">这是一些文本！</font></p>
  <p><font face="verdana" color="green">这是一些文本！</font></p>
 </body>
</html>

HTML <html> 标签

<html> 标签用于创建一个 HTML 文档

<html> 标签告知浏览器这是一个 HTML 文档。

<html> 标签是 HTML 文档中最外层的元素。

<html> 标签是所有其他 HTML 元素（除了 <!DOCTYPE> 标签）的容器。

属性

New ：HTML5 中的新属性。

属性	值	描述
manifestNew	URL	定义一个 URL，在这个 URL 上描述了文档的缓存信息。
xmlns	http://www.w3.org/1999/xhtml	HTML 不支持。只有 XHTML 支持。规定 XML 的 namespace 属性（如果您需要您的内容符合 XHTML，则使用这个属性。）。

全局属性

<html> 标签支持 HTML 的全局属性。

HTML <head> 标签

<head> 标签包含关于 HTML 文档的一般信息（元数据），这些数据可以是：标题、指向脚本和样式表的链接。

<head> 元素是所有头部元素的容器。

<head> 元素必须包含文档的标题（title），可以包含脚本、样式、meta 信息以及其他更多的信息。

以下列出的元素能被用在 <head> 元素内部：

<title> （在头部中，这个元素是必需的）
<style>
<base>
<link>
<meta>
<script>
<noscript>

属性

属性	值	描述
profile	URL	HTML5 不支持。规定文档 URL 的一系列规则。这些规则能被浏览器识别并且准确读取 <meta> 标签的内容属性中的信息。

全局属性

<head> 标签支持 HTML 的全局属性。

HTML <body> 标签

<body> 标签表示 HTML 网页的主体部分，该标签内的内容使用户可以看到的。

一个 HTML 文件只能存在一个 <body> 标签。

<body> 标签定义文档的主体。

<body> 元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等）。

一个html中由两部分组成，一个是head部分，一个是body部分

HTML <title> 标签

<title> 标签定义HTML文档的标题，通常体现了网页的主题内容，浏览器会以特殊的方式来使用标题，并且通常它显示在浏览器窗口的标题栏或状态栏上。

<title> 标签定义文档的标题，在所有 HTML 文档中是必需的。

<title>元素：

定义浏览器工具栏中的标题
提供页面被添加到收藏夹时的标题
显示在搜索引擎结果中的页面标题

提示和注释

注释：一个 HTML 文档中不能有一个以上的 <title> 元素。

提示：如果您遗漏了 <title> 标签，文档作为 HTML 是无效的。

提示：当把文档加入用户的链接列表或者收藏夹或书签列表时，<title> 标签的内容将成为该文档链接的默认名称。

全局属性

<title> 标签支持 HTML 的全局属性。

<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>你好吗？我很好！</title>
 </head>
 <body>
  <p><font size="3" color="red">这是一些文本！</font></p>
  <p><font size="2" color="blue">这是一些文本！</font></p>
  <p><font face="verdana" color="green">这是一些文本！</font></p>
 </body>
</html>

HTML <hr> 标签

<hr> 标签表示段落级元素之间的主题划分。

<hr>标签定义HTML页面中的主题变化（比如话题的转移），并显示为一条水平线。

元素被用来分隔HTML页面中的内容（或者定义一个变化）。

HTML 标签

标签表示文本的段落，段落通常在可视媒体中表示为文本块，是块级元素。

元素会自动在其前后创建一些空白。浏览器会自动添加这些空间，您也可以在样式表中规定。

注意： 标签与 标签都有换行的意思，不同的是 标签是大换行（分段）， 标签是小换行。

实例：

<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
 </head>
 <body>
  <p>这是一个段落。</p> 
  <p>这是另外一个段落。</p>
 </body>
</html>

HTML 标签

标签是空标签，可插入一个简单的换行符。

标签插入一个简单的换行符。

标签是一个空标签，意味着它没有结束标签，所以一般会写 ：在标签内结束

标签只是简单地开始新的一行，而当浏览器遇到 标签时，通常会在相邻的段落之间插入一些垂直的间距。

提示：在写地址信息或者写诗词时 标签非常有用。

注释： 请使用 标签来输入空行，而不是分割段落。

实例：

<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
 </head>
 <body>
  <p>
  使用br元素<br>在文本中<br/>换行。
  </p>
 </body>
</html>

在早先发布的html规范中 、<hr>、<img>等标记元素是无需“封闭自身”的，这就造成了html规范本身的不严谨，所以后来参考了更规范的XML语言的语法推出了xhtml。

HTML 标签 - HTML5 不支持

该标签已经过时，因此我们不建议您使用该标签。

HTML5 不支持 标签。请用 CSS 定义文本的字体、尺寸、颜色。

在 HTML 4.01 中， 元素废弃。

标签规定文本的字体、字体尺寸、字体颜色。

可选的属性：

属性	值	描述
color	rgb(x,x,x) #xxxxxx colorname	HTML5 不支持。HTML 4.01 已废弃。规定文本的颜色。
face	font_family	HTML5 不支持。HTML 4.01 已废弃。规定文本的字体。
size	number	HTML5 不支持。HTML 4.01 已废弃。规定文本的尺寸。

属性

值

描述

color

rgb(x,x,x)

#xxxxxx

colorname

HTML5 不支持。HTML 4.01 已废弃。规定文本的颜色。

face

font_family

HTML5 不支持。HTML 4.01 已废弃。规定文本的字体。

size

number

HTML5 不支持。HTML 4.01 已废弃。规定文本的尺寸。

实例：

<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
 </head>
 <body>
  <p><font size="3" color="red">这是一些文本！</font></p>
  <p><font size="2" color="blue">这是一些文本！</font></p>
  <p><font face="verdana" color="green">这是一些文本！</font></p>
 </body>
</html>

HTML <html> 标签

<html> 标签用于创建一个 HTML 文档

<html> 标签告知浏览器这是一个 HTML 文档。

<html> 标签是 HTML 文档中最外层的元素。

<html> 标签是所有其他 HTML 元素（除了 <!DOCTYPE> 标签）的容器。

属性：

New ：HTML5 中的新属性。

属性	值	描述
manifestNew	URL	定义一个 URL，在这个 URL 上描述了文档的缓存信息。
xmlns	http://www.w3.org/1999/xhtml	HTML 不支持。只有 XHTML 支持。规定 XML 的 namespace 属性（如果您需要您的内容符合 XHTML，则使用这个属性。）。

全局属性

<html> 标签支持 HTML 的全局属性。

HTML <head> 标签

<head> 标签包含关于 HTML 文档的一般信息（元数据），这些数据可以是：标题、指向脚本和样式表的链接。

<head> 元素是所有头部元素的容器。

<head> 元素必须包含文档的标题（title），可以包含脚本、样式、meta 信息以及其他更多的信息。

以下列出的元素能被用在 <head> 元素内部：

<title> （在头部中，这个元素是必需的）
<style>
<base>
<link>
<meta>
<script>
<noscript>

属性：

属性	值	描述
profile	URL	HTML5 不支持。规定文档 URL 的一系列规则。这些规则能被浏览器识别并且准确读取 <meta> 标签的内容属性中的信息。

全局属性

<head> 标签支持 HTML 的全局属性。

HTML <body> 标签

<body> 标签表示 HTML 网页的主体部分，该标签内的内容使用户可以看到的。

一个 HTML 文件只能存在一个 <body> 标签。

<body> 标签定义文档的主体。

<body> 元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等）。

一个html中由两部分组成，一个是head部分，一个是body部分

HTML <title> 标签

<title> 标签定义HTML文档的标题，通常体现了网页的主题内容，浏览器会以特殊的方式来使用标题，并且通常它显示在浏览器窗口的标题栏或状态栏上。

<title> 标签定义文档的标题，在所有 HTML 文档中是必需的。

<title>元素：

定义浏览器工具栏中的标题
提供页面被添加到收藏夹时的标题
显示在搜索引擎结果中的页面标题

注释：一个 HTML 文档中不能有一个以上的 <title> 元素。

提示：如果您遗漏了 <title> 标签，文档作为 HTML 是无效的。

提示：当把文档加入用户的链接列表或者收藏夹或书签列表时，<title> 标签的内容将成为该文档链接的默认名称。

全局属性

<title> 标签支持 HTML 的全局属性。

<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>你好吗？我很好！</title>
 </head>
 <body>
  <p><font size="3" color="red">这是一些文本！</font></p>
  <p><font size="2" color="blue">这是一些文本！</font></p>
  <p><font face="verdana" color="green">这是一些文本！</font></p>
 </body>
</html>

HTML <hr> 标签

<hr> 标签表示段落级元素之间的主题划分。

<hr>标签定义HTML页面中的主题变化（比如话题的转移），并显示为一条水平线。

元素被用来分隔HTML页面中的内容（或者定义一个变化）。

<hr>标签也是在标签内结束

在 HTML 中，<hr> 标签没有结束标签。

在 XHTML 中，<hr> 必须被正确地关闭，比如 <hr />。

<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
 </head>
 <body>
  <p>hr 标签定义水平线：</p>
  <hr/>
  <p>这是段落。</p>
 </body>
</html>

HTML <img> 标签

img 元素向网页中嵌入一幅图像。

请注意，从技术上讲，<img> 标签并不会在网页中插入图像，而是从网页上链接图像。<img> 标签创建的是被引用图像的占位空间。

<img> 标签有两个必需的属性：src 属性和 alt 属性。

在 HTML 中，<img> 标签没有结束标签。

在 XHTML 中，<img> 标签必须被正确地关闭。

在 HTML 中，图像由 <img> 标签定义。

<img> 是空标签，意思是说，它只包含属性，并且没有闭合标签。

必需的属性：

属性	值	描述
alt	text	规定图像的替代文本。
src	URL	规定显示图像的 URL。

源属性（Src）：

要在页面上显示图像，你需要使用源属性（src）。src 指 "source"。源属性的值是图像的 URL 地址，也就是引用该图像的文件的的绝对路径或相对路径。

定义图像的语法是：

<img src="url" />

URL 指存储图像的位置。如果名为 "boat.gif" 的图像位于 www.w3school.com.cn 的 images 目录中，那么其 URL 为 http://www.w3school.com.cn/images/boat.gif。

浏览器将图像显示在文档中图像标签出现的地方。如果你将图像标签置于两个段落之间，那么浏览器会首先显示第一个段落，然后显示图片，最后显示第二段。

提示：为了整理文档的存储，创作者通常会把图像文件存放在一个单独的文件夹中，而且通常会将这些目录命名为 "pics" 或者 "images" 之类的名称。

语法

属性值

值	描述
URL	规定图像的 URL。可能的值：绝对 URL - 指向其他站点（比如 src="http://www.example.com/"）相对 URL - 指向站点内的文件（比如 src="/i/image.gif"）

值

描述

URL

规定图像的 URL。

可能的值：

绝对 URL - 指向其他站点（比如 src="http://www.example.com/"）
相对 URL - 指向站点内的文件（比如 src="/i/image.gif"）

替换文本属性（Alt）：

alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。

<img src="boat.gif" alt="Big Boat">

在浏览器无法载入图像时，替换文本属性告诉读者她们失去的信息。此时，浏览器将显示这个替代性的文本而不是图像。为页面上的图像都加上替换文本属性是个好习惯，这样有助于更好的显示信息，并且对于那些使用纯文本浏览器的人来说是非常有用的。

假如某个 HTML 文件包含十个图像，那么为了正确显示这个页面，需要加载 11 个文件。加载图片是需要时间的，所以我们的建议是：慎用图片。

posted on 2020-02-29 22:07 pinkowonote 阅读(290) 评论(0) 收藏举报

刷新页面返回顶部