HTML5学习笔记分享(三)元素,语法,属性,标题,段落,文本格式化

一: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> 定义打字机文本

猜你喜欢

转载自blog.csdn.net/ITxiaoangzai/article/details/81606401