一:HTML 元素
整个HTML 文档由 HTML 元素定义。分为开始标签。元素内容,结束标签。*开始标签常被称为起始标签(opening tag)或 开放标签,结束标签常称为闭合标签(closing tag)。
二:HTML语法
1.HTML 文档由嵌套的 HTML 元素构成
2.HTML 元素以开始标签起始
HTML 元素以结束标签终止
3.元素的内容是开始标签与结束标签之间的内容
4.某些 HTML 元素具有空内容(empty content)
空元素在开始标签中进行关闭(以开始标签的结束而结束)
5.大多数 HTML 元素可拥有属性
6.即使您忘记了使用结束标签,大多数浏览器也会正确地显示 HTML
但不要依赖这种做法。忘记使用结束标签会产生不可预料的结果或错误。
7.HTML 标签对大小写不敏感:<P> 等同于 <p>。许多网站都使用大写的 HTML 标签
标签写法尽量用小写字母(有些版本对大小写可认为相同,而xhtml中强制使用小写)。
8.一些标签的使用,切记所有标签都需要闭合,不管是单体标签还是成对标签。
三:空元素
没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。
<br> 就是没有关闭标签的空元素(<br> 标签定义换行)。
在 XHTML、XML 以及未来版本的 HTML 中,所有元素都必须被关闭。
在开始标签中添加斜杠,比如 <br />,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。
即使 <br> 在所有浏览器中都是有效的,但使用 <br /> 其实是更长远的保障。
四:HTML属性
1.HTML 元素可以设置属性,属性是 HTML 元素提供的附加信息,属性可以在元素中添加附加信息。
2.属性一般描述于开始标签
3.属性总是以名称/值对的形式出现,比如:name="value"。
比如:HTML 链接由 <a> 标签定义。链接的地址在 href 属性中指定:
<a href="http://www.liang.com">这是一个链接</a>
4.HTML 属性常用引用属性值
属性值应该始终被包括在引号内。
双引号是最常用的,不过使用单引号也没有问题。
注:在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号。
5.属性和属性值对大小写不敏感。
6.
下面列出了适用于大多数 HTML 元素的属性:
属性 | 描述 |
---|---|
class | 为html元素定义一个或多个类名(classname)(类名从样式文件引入) |
id | 定义元素的唯一id |
style | 规定元素的行内样式(inline style) |
title | 描述了元素的额外信息 (作为工具条使用) |
五:HTML 标题
1.标题(Heading)是通过 <h1> - <h6> 标签进行定义的.
<h1> 定义最大的标题。 <h6> 定义最小的标题。
2.<hr> 标签
作用:在 HTML 页面中创建水平线。
hr 元素可用于分隔内容。
3.注释
<!-- 这是一个注释 -->
4.总结:
标签 | 描述 |
---|---|
<html> | 定义 HTML 文档 |
<body> | 定义文档的主体 |
<h1>-<h6> | 定义 HTML 标题 |
<hr> | 定义水平线 |
<!--...--> | 定义注释 |
5.标题大小和字体大小的关系
1到6号标题与1到6号字体逆序对应:
<h1>这是1号标题</h1>
<font size="6">这是6号字体文本</font>
<h2>这是2号标题</h2>
<font size="5">这是5号字体文本</font>
<h3>这是3号标题</h3>
<font size="4">这是4号字体文本</font>
<h4>这是4号标题</h4>
<font size="3">这是3号字体文本</font>
<h5>这是5号标题</h5>
<font size="2">这是2号字体文本</font>
<h6>这是6号标题</h6>
<font size="1">这是1号字体文本</font>
注:
<1>浏览器会自动地在标题的前后添加空行。
<2>请确保将 HTML 标题 标签只用于标题。不要仅仅是为了生成粗体或大号的文本而使用标题。
<3>搜索引擎使用标题为您的网页的结构和内容编制索引。
<4>因为用户可以通过标题来快速浏览您的网页,所以用标题来呈现文档结构是很重要的。
<5>应该将 h1 用作主标题(最重要的),其后是 h2(次重要的),再其次是 h3,以此类推。
六:HTML段落
1.HTML 可以将文档分割为若干段落。
段落是通过 <p> 标签定义的。
注:浏览器会自动地在段落的前后添加空行。
在未来的 HTML 版本中,不允许省略结束标签。
2.html折行
如果您希望在不产生一个新段落的情况下进行换行(新行),请使用 <br> 标签
<br> 元素是一个空的 HTML 元素。由于关闭标签没有任何意义,因此它没有结束标签。
3.html空格
当显示页面时,浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是,HTML 代码中的所有连续的空行(换行)也被显示为一个空格。
4.总结:
<p> | 定义一个段落 |
<br> | 插入单个折行(换行) |
注:早期发布的 HTML 规范当中,<br> 与 <img> 等元素是不用封闭自身的,但是这种元素造成了 HTML 规范的不严谨,于是在之后发布的 XHTML 语言中,参考了更为严谨的 XML 规范,在这些不用自身封闭的元素后加 / 来表示自行封闭,在逻辑上来讲等同于<br>....</br>(但是没有 </br> 这种写法),这样一来保证了较少的代码量,二来保证了规范的严谨。
七:HTML文本格式化
1.下面是一些常用的格式化标签
标签 | 描述 |
---|---|
<strong> | 定义粗体文本 |
<em> | 定义着重文字 |
<i> | 定义斜体字 |
<small> | 定义小号字 |
<strong> | 定义加重语气 |
<sub> | 定义下标字 |
<sup> | 定义上标字 |
<ins> | 定义插入字 |
<del> | 定义删除字 |
<big> | 定义字体放大 |
<pre> | 定义对空行和空格进行控制 |
<address> | 定义地址 |
<abbr title="etcetera"> | 定义缩写 |
<acronym title="World Wide Web"> | 定义缩写 |
<bdo> | 定义文字方向 |
<q> | 定义短的引用语 |
<blockquote> | 定义长的引用语 |
<del> | 定义删除文字 |
<ins> | 定义插入文字 |
<cite> | 定义引用、引证 |
<dfn> | 定义一个定义项目。 |
注:1.这些标签都是成对的
通常标签 <strong> 替换加粗标签 <b> 来使用, <em> 替换 <i>标签使用。
然而,这些标签的含义是不同的:
<b> 与<i> 定义粗体或斜体文本。
<strong> 或者 <em>意味着你要呈现的文本是重要的,所以要突出显示。现今所有主要浏览器都能渲染各种效果的字体。不过,未来浏览器可能会支持更好的渲染效果。
2.在某些浏览器中,当您把鼠标移至缩略词语上时,title 可用于展示表达的完整版本。
仅对于 IE 5 中的 acronym 元素有效。
对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。
2.计算机输出标签
标签 | 描述 |
---|---|
<code> | 定义计算机代码 |
<kbd> | 定义键盘码 |
<samp> | 定义计算机代码样本 |
<var> | 定义变量 |
<pre> | 定义预格式文本 |
<tt> | 定义打字机文本 |