第1章——第2章 HTML结构、文本

一、HTML

　　HTML即超文本标记语言。

　　超文本指的是HTML允许你通过建立链接，使访问者简捷地从一个页面跳转到另一个页面。标记语言指我们在网页显示的原始文本内容周围添加代码，浏览器借此将页面正确地显示出来。

 

二、HTML基本元素（标签）

　　HTML标签一般分为：

1、结构化标签。用来描述页面结构（例如标题、子标题、段落等）

　　主要包括：<h1>... <h6>标题。h1内容字体最大， h6内容字体最小

　　　　　　　<p> 段落。另起一行，并与后续段落保持一定行距。

　　　　　　　<b> <i> <u> 粗体、斜体、下划线　　　

　　　　　　    <sup>  <sub>上标、下标

　　　　　　    <br />  <hr /> 换行、水平分割线　　　　　　

2、语义化标签。用来提供语义信息（例如在哪里强调、缩略语含义、文本出处引用等）。注意语义化标签的主要目的不是为了控制显示样式，而是提供给其他程序使用（如视力障碍者用的屏幕阅读器，搜索引擎等）。控制显示样式，我们一般通过CSS来实现。

　　主要包括：<strong> 加强语气（粗体显示）

　　　　　　　<em> 强调（斜体显示）

　　　　　　   <blockquote> 长段话，或名言引用。（一般会整段缩进）如： <blockquote cite="引用来源URL">学而时习之，不亦说乎</ blockquote>

　　　　　　　<q> 双引号（引用一段话）例子同上。

　　　　　　　<abbr> 缩写词解释。 如： <abbr title="central processing unit">CPU</ abbr>  当鼠标放在CPU上，会显示出其title内容

　　　　　　　<ins> 插入文中的内容（下划线显示）。

　　　　　　　<del> 删除（删除线显示）

　　　　　　　<cite> 书、电影、报告、作品等

　　　　　　　<address> 联系方式、地址、电邮等

　　　　　　　<s> 不准确内容（横线贯穿显示）

注意：

1、白色空间折叠：当浏览器遇到2个及以上连续空格时，只会将其显示为1个空格。同样，当遇到一次换行时（不是说<br />标签），也是显示为一个空格。网页设计人员利用白色空间折叠缩进他们的代码，以保证代码具有更好的可读性。

2、标签通常成对出现，起始标签表示一段内容开始（开始标签可以附带特性，特性由特性名和特性值组成），结束标签（前面加/）表示它的结束。

有一小部分元素只有一个标签，即单标签元素。如：<br />  <hr />  <img   /> <input  />等