2018-05-31
初入HTML5
简单介绍：HTML5是HTML4的升级版，而HTML4，是用一堆标签组成的，每个标签都有默认的样式与含义，比如<h1></h1>是代表标题，而<p></p>是段落等等，其实html就是一堆标签
简单介绍应用代码如下：
<!DOCTYPE html> <html>
<head>
<meta charset="utf-8" />
<title>超链接</title>
</head>
<body>
<h1>我是demo12</h1>
<!-- 使用超链接可以让我们从一个页面跳转到另一个页面 使用a标签来创建一个超链接 属性： href：指向链接跳转的目标地址，可以写一个相对路径，也可以写一个完整的地址 -->
<a href="http://www.baidu.com">我是一个超链接</a><br /><br />
<a href="http://www.baidu1234567.com">我是一个超链接</a><br /><br />
<!-- a标签中的target属性可以用来指定打开链接的位置 可选值： _self：表示在当前窗口中打开（默认值） _blank：在新的窗口中打开链接 可以设置一个内联框架的name属性值，链接将会在指定的内联框架中打开 -->
<a href="demo011_内联框架.html" target="tom">我是一个超链 接 </a><br /><br />
<iframe src="demo010_XHTML的语法规范.html" name="tom"></iframe>
<!-- center标签中的内容，会默认在页面中居中显示 我们可以将要居中的元素全都放到center中 -->
<center>
<p>我是一个p标签</p>
</center>
</body>
</html>
超链接实现方法 之间每一级相差得代表四个空格或一个tab
HTML 段落
段落是通过 <p> 标签定义的。
实例
注释：浏览器会自动地在段落的前后添加空行。（<p> 是块级元素）
提示：使用空的段落标记 <p></p> 去插入一个空行是个坏习惯。用 <br /> 标签代替它！（但是不要用 <br /> 标签去创建列表。
HTML 折行
如果您希望在不产生一个新段落的情况下进行换行（新行），请使用 <br /> 标签：
<p>This is<br />a para<br />graph with line breaks</p>
<br /> 元素是一个空的 HTML 元素。由于关闭标签没有任何意义，因此它没有结束标签。
<br> 还是 <br />
您也许发现 <br> 与 <br /> 很相似。
在 XHTML、XML 以及未来的 HTML 版本中，不允许使用没有结束标签（闭合标签）的 HTML 元素。
即使 <br> 在所有浏览器中的显示都没有问题，使用 <br /> 也是更长远的保障。
HTML 输出 - 有用的提示
我们无法确定 HTML 被显示的确切效果。屏幕的大小，以及对窗口的调整都可能导致不同的结果。
对于 HTML，您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。
当显示页面时，浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是，HTML 代码中的所有连续的空行（换行）也被显示为一个空格。
HTML 属性
属性为 HTML 元素提供附加信息。
HTML 属性
HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。
属性总是以名称/值对的形式出现，比如：name="value"。
属性总是在 HTML 元素的开始标签中规定。
属性实例
HTML 链接由 <a> 标签定义。链接的地址在 href 属性中指定：
<a href="http://www.w3school.com.cn">This is a link</a>
更多 HTML 属性实例
属性例子 1:
<h1> 定义标题的开始。
<h1 align="center"> 拥有关于对齐方式的附加信息。
属性例子 2:
<body> 定义 HTML 文档的主体。
<body bgcolor="yellow"> 拥有关于背景颜色的附加信息。
属性例子 3:
<table> 定义 HTML 表格。（您将在稍后的章节学习到更多有关 HTML 表格的内容）
<table border="1"> 拥有关于表格边框的附加信息。
HTML 提示：使用小写属性
属性和属性值对大小写不敏感。
不过，万维网联盟在其 HTML 4 推荐标准中推荐小写的属性/属性值。
而新版本的 (X)HTML 要求使用小写属性。
始终为属性值加引号
属性值应该始终被包括在引号内。双引号是最常用的，不过使用单引号也没有问题。
在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号，例如：
name='Bill "HelloWorld" Gates'
HTML 属性参考手册
我们的完整的 HTML 参考手册提供了每个 HTML 元素可使用的合法属性的完整列表：
下面列出了适用于大多数 HTML 元素的属性：
属性 值 描述 class classname 规定元素的类名（classname） id id 规定元素的唯一 id style style_definition 规定元素的行内样式（inline style） title text
