**
简介
**
什么是HTML？
HTML不是一种编程语言，而是一种超文本标记语言，是一套标记标签，用来描述网页
HTML标签
HTML标签是由尖括号包围的关键词，成对出现。
HTML文档 = 网页
Web浏览器的作用是读取HTML文档，并以网页的形式显示出它们。浏览器不会显示HTML标签，而是使用标签来解释页面的内容。
保存HTML
可以使用.htm也可以使用**.html**扩展名
HTML元素
HTML元素指的是从开始标签到结束标签的所有代码。
HTML元素语法
- 某些HTML元素具有空内容，空元素在开始标签中进行关闭（以开始标签的结束而结束）
- 大多数HTML元素可拥有属性
- 大多数HTML元素可以嵌套（可以包含其他HTML元素） 推荐使用小写标签
HTML属性
属性为HTML元素提供附加信息。
- 属性总是以名称／值对的形式出现，比如：name＝＂value＂
- 属性总是再HTML元素的开始标签中规定
- 推荐使用小写属性
- 属性指应该始终被包括在引号内。常用双引号。如果属性值本身就含有双引号，必须使用单引号。
适用于大多数HTML元素的属性
class：規定元素的类名
id ：规定元素的唯一id
style：规定元素的行内样式
title：规定元素的额外信息（可在工具提示中显示）
为了便于显示，开始标签里都加了一个空格
HTML标题
- 标题是通过**< h1 >–< h6 >**等标签定义 默认情况下
- HTML会自动的在块级元素前后添加一个额外的空行，比如段落，标题元素前后
- 确保将HTML heading标签只用于标题。不要仅仅是为了产生粗体或大号的文本而使用标题。
- 搜索引擎使用标题为网页的结构和内容编制索引*
常用标签
为了便于显示，开始标签里都加了一个空格
< h1>–< h6>：标题
< hr />：创建水平线
< !–注释–>：注释,浏览器不会显示注释
< p>：段落
< br/>：单个换行，没有结束标签。所有连续的空格或空行都会被算作一个空格
HTML格式化
文本格式化
< b>bold粗体< /b>
< strong>加重语气< /strong>
< big>大号字< /big>
< em>emphasized加着重文字< /em>
< i>italic斜体< /i>
< small>小号字< /small>
< sub>subscript下标< /sub>
< sup>supperscript上标< /sup>
预格式文本
< pre>保留了 空格和换行。适合显示计算机代码< /pre>
< pre>for i = 1 to 10 ……< /pre>
计算机输出标签：这些常用于显示计算机/编程代码，
通常，HTMLL使用可变的字母尺寸以及可变的字母间距，< kbd>,< samp>, < code>元素全都支持固定的字母尺寸和间距。
< code>computer code计算机代码，不保留多余的空格和折行< /code>
< kbd> keyboard 键盘码< /kbd>
< tt>TeleType打印机代码< /tt>
< samp>Sample text计算机代码样本< /samp>
< var>Computer var定义变量< /var>
地址
< address>
缩写和首字母缩写：在某些浏览器中，当把鼠标移至缩略词语上时，title可用于表达完整版本
< abbr title=“缩写abbreviation”>abbr，对缩写标记能为搜索引擎提供有用信息< /abbr>
< acronym title=“首字母缩写acronym”>acr< /acronym>
文字方向：如果浏览器支持bi-directional override (bdo),下一行会从右向左输出(rtl)
< bdo dir=“rtl”>Here is some Hebrew text< /bdo>
块引用：
< blockquote>
长引用，缩进处理，浏览器会插入换行和外边距< /blockquote>
< q>
短引用，浏览器通常对元素包围引号< /q>
删除字效果和插入字效果：
< del>删除文本< /del>
< ins>下划线文本< /ins>
定义著作的标题：
< cite>定义引用、印证，通常以斜体显示< /cite>
用于定义项目：
< dfn>定义项目或缩写定义< /dfn>:
设置了title属性，或包含具有标题的< abbr>元素，则定义项目：
<p><dfn title="World Health Organization">WHO</dfn>成立于1948年</p>
<p><dfn><abbr title="World Health Organization">WHO</abbr></dfn>成立于1948年< /p>
否则，< dfn>文本内容即是项目，并且父元素包含定义
<p><dfn><dfn>WHO </dfn></dfn>World Health Organization 成立于1948年</p>
条件注释
< !–[if IE 8]>……< ![endif]–>
HTML样式
style属性：
< body style=“background-color:yellow”>
background-color：背景颜色
font-family：元素中文本的字体系列
color：元素中文本的颜色
font-size：元素中文本的字体尺寸
text-align：元素中文本的水平对齐方式
< style>标签
定义：用于为HTML文档定义样式；
注：style元素位于head部分
必需属性：type属性，定义style元素内容，唯一可能值是“text/css”；
可选属性：media属性，为样式表规定不同的媒介类型，【screen,tty.tv,projection,headheld,print,……】
< link>标签
定义：定义文档与外部资源的关系,常用于链接样式表
注：只能存在于head部分，但可出现任何次数
属性：href：规定被连接文档的位置；hreflang规定被连接文档中文本的语言；media：灰顶被连接文档将显示在什么设备上；rel：规定当前文档与被链接文档之间的关系；sizes：规定被连接资源的尺寸，仅适用于rel=“icon”，type：规定被链接文档的mime类型
外部样式表：可以通过更改一个文件来改变整个站点的外观
<head>
<link rel="stylesheet" type = "text/css" href="mystyle.css">
</head>
内部样式表：单个文件需要特别样式时，在head部分通过< style>定义
<head>
<style type="text/css">
body {background-color:red}
p {margin-left:20px}
<style>
</head>
内联样式：个别元素需要特殊样式时，在相关标签中定义，样式属性可以包含任何CSS属性
<p style="color:red;margin-left:20px">
This is a paragraph
</p>
< div>标签
定义：定义文档中的分区或节，块级元素，浏览器通常在div元素前后换行
注：使用div组合块级元素，便于使用样式进行格式化
class或id属性：常只应用其中一种，class用于元素组，id用于标识单独的唯一元素
< span>标签
定义：被用来组合文档中的行内元素/内联元素，没有固定格式，应用样式时，才会产生视觉变化。
class或id属性：常只应用其中一种，class用于元素组，id用于标识单独的唯一元素
<p class="tip"><span>提示：</span>…………</p>
css:
p.tip span{
font-weight:bold;
color:#ff9955;}
HTML超链接
定义：使用超链接与网络上的另一个文档相连，字，词，图像都可以作为超链接，点解这些内容和跳转到新文档
< a>标签：
1.使用href属性，创建指向另一文档的链接
2.使用name属性，创建文档内的书签
语法：
href规定链接的目标，开始标签和结束标签之间的文字被作为超级链接来显示
target定义被连接的文档在何处显示，以下代码是在新窗口显示
<a href = "url" target=_blank“”>Link text,也可以是图片或其他元素</a>
name规定锚的名称，用来创建HTML页面中的书签
注：书签不会以任何特殊方式显示，他对读者是不可见的，当使用命名锚时，可以直接创建跳至该命名锚的链接，这样使用者就无需不停地滚动页面来寻找他们需要的信息了
<a name="label">锚（显示在页面的文本）</a>
可以使用id属性来替代name属性，命名锚同样有效
实例
1.创建一个书签，对锚命名
<a name = "tips">要链接到的title</a>
2.在同一个文档中创建指向该锚的链接
<a href="#tips">有用的提示</a>
3.在其他页面中创建指向该锚的链接
<a href="http://www.w3school.com.cn/htm/html_links.asp#tips">有用的提示</a>
将#符号和锚名称添加到URL的末端，就可以链接到tips这个命名
最低0.47元/天 解锁文章
1490
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
