1、HTML 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的
<h1> 定义最大的标题。<h6> 定义最小的标题。
2、HTML 段落是通过 <p> 标签进行定义的
3、HTML 链接是通过 <a> 标签进行定义的
4、HTML 图像是通过 <img> 标签进行定义的
5、HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码
6、元素语法
HTML 元素以开始标签起始
HTML 元素以结束标签终止
元素的内容是开始标签与结束标签之间的内容
某些 HTML 元素具有空元素
空元素在开始标签中进行关闭(以开始标签的结束而结束)
大多数 HTML 元素可拥有属性
7、HTML属性
HTML属性为元素提供附加信息
HTML 标签可以拥有属性,属性提供了有关 HTML 元素的更多的信息。
属性总是以名称/值对的形式出现
属性总是在 HTML 元素的开始标签中规定。
8、HTML水平线
<hr /> 标签在 HTML 页面中创建水平线。
hr 元素可用于分隔内容。
9、HTML注释
可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。
开始括号之后(左边的括号)需要紧跟一个叹号,结束括号之前(右边的括号)不需要。
实例:<!-- This is a comment -->
10、HTML折行
如果您希望在不产生一个新段落的情况下进行换行(新行),请使用 <br /> 标签
<br /> 元素是一个空的 HTML 元素。由于关闭标签没有任何意义,因此它没有结束标签。
11、HTML文本格式化
文本格式化标签
<b>
定义粗体文本
<big>
定义大号字
<em>
定义着重文字
<i>
定义斜体字
<small>
定义小号字
<strong>
定义加重语气
<sub>
定义下标字
<sup>
定义上标字
<ins>
定义插入字
<del>
定义删除字
12、计算机输出标签
<code>
定义计算机代码
<kbd>
定义键盘码
<samp>
定义计算机代码样本
<tt>
定义打字机代码
<var>
定义变量
<pre>
定义预格式文本
13、引用和术语定义
<abbr>
定义缩写
<acronym>
定义首字母缩写
<address>
定义地址
<bdo>
定义文字方向
<blockuote>
定义长的引用
<q>
定义短的引用
<cite>
定义引用,引证
<dfn>
定义一个定义项目
14、HTML链接
HTML 使用超级链接与网络上的另一个文档相连。
几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。
HTML 链接语法
链接的 HTML 代码很简单。它类似这样:
<a href="url">Link text</a>
href 属性规定链接的目标。
开始标签和结束标签之间的文字被作为超级链接来显示。
15、HTML超链接(链接)
超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。
我们通过使用 <a> 标签在 HTML 中创建链接。
有两种使用 <a> 标签的方式:
通过使用 href 属性 - 创建指向另一个文档的链接
通过使用 name 属性 - 创建文档内的书签
16、HTML 链接 - target 属性
使用 Target 属性,你可以定义被链接的文档在何处显示。
17、HTML 链接 - name 属性
name 属性规定锚(anchor)的名称。
您可以使用 name 属性创建 HTML 页面中的书签。
书签不会以任何特殊方式显示,它对读者是不可见的。
当使用命名锚(named anchors)时,我们可以创建直接跳至该命名锚(比如页面中某个小节)的链接,这样使用者就无需不停地滚动页面来寻找他们需要的信息了。
命名锚的语法:
<a name="label">锚(显示在页面上的文本)</a>
18、图像标签(<img>)和源属性(Src)
在 HTML 中,图像由 <img> 标签定义。
<img> 是空标签,意思是说,它只包含属性,并且没有闭合标签。
要在页面上显示图像,你需要使用源属性(src)。src 指 "source"。源属性的值是图像的 URL 地址。
定义图像的语法是:
<img src="url" />
19、图像标签
<img>
定义图像
<map>
定义图像地图
<area>
定义图像地图中的可点击区域
20、HTML表格
表格由 <table> 标签来定义
每个表格均有若干行(由 <tr> 标签定义)
每行被分割为若干单元格(由 <td> 标签定义)
字母 td 指表格数据(table data),即数据单元格的内容
数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等
表格的表头使用 <th> 标签进行定义。
21、表格标签
<table>
定义表格
<caption>
定义表格标题
<th>
定义表格的表头
<tr>
定义表格的行
<td>
定义表格单元
<thead>
定义表格的页眉
<tbody>
定义表格的主体
<tfoot>
定义表格的页脚
<col>
定义用于表格列的属性
<colgroup>
定义表格列的组
22、HTML列表
无序列表
无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记
无序列表始于 <ul> 标签。每个列表项始于 <li>
有序列表
有序列表也是一列项目,列表项目使用数字进行标记。
有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。
定义列表
自定义列表不仅仅是一列项目,而是项目及其注释的组合。
自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。
23、列表标签
<ol>
定义有序列表
<ul>
定义无序列表
<li>
定义列表项
<dl>
定义定义列表
<dt>
定义定义项目
<dd>
定义定义的描述
24、HTML <div> 和 <span>
可以通过 <div> 和 <span> 将 HTML 元素组合起来
HTML <div> 元素
HTML <div> 元素是块级元素,它是可用于组合其他 HTML 元素的容器
<div> 元素没有特定的含义。除此之外,由于它属于块级元素,浏览器会在其前后显示折行
如果与 CSS 一同使用,<div> 元素可用于对大的内容块设置样式属性
<div> 元素的另一个常见的用途是文档布局
它取代了使用表格定义布局的老式方法
使用 <table> 元素进行文档布局不是表格的正确用法
<table> 元素的作用是显示表格化的数据
HTML <span> 元素
HTML <span> 元素是内联元素,可用作文本的容器
<span> 元素也没有特定的含义
当与 CSS 一同使用时,<span> 元素可用于为部分文本设置样式属性
25、HTML 表单和输入
表单
表单是一个包含表单元素的区域
表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素
表单使用表单标签(<form>)定义
输入
多数情况下被用到的表单标签是输入标签(<input>)
输入类型是由类型属性(type)定义的
26、表单标签
<form>
定义供用户输入的表单
<input>
定义输入域
<textarea>
定义文本域 (一个多行的输入控件)
<label>
定义一个控制的标签
<fieldset>
定义域
<legend>
定义域的标题
<select>
定义一个选择列表
<optgroup>
定义选项组
<option>
定义下拉列表中的选项
<button>
定义一个按钮
27、HTML框架
通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面
每份HTML文档称为一个框架,并且每个框架都独立于其他的框架
使用框架的坏处:
开发人员必须同时跟踪更多的HTML文档
很难打印整张页面
框架标签(Frame)
Frame 标签定义了放置在每个框架中的 HTML 文档
28、HTML内联框架(Iframe)
添加 iframe 的语法
<iframe src="URL"></iframe>
URL 指向隔离页面的位置
Iframe - 设置高度和宽度
height 和 width 属性用于规定 iframe 的高度和宽度
属性值的默认单位是像素,但也可以用百分比来设定(比如 "80%")
Iframe - 删除边框
frameborder 属性规定是否显示 iframe 周围的边框
设置属性值为 "0" 就可以移除边框
使用 iframe 作为链接的目标
iframe 可用作链接的目标(target)
链接的 target 属性必须引用 iframe 的 name 属性
29、HTML背景
背景(Backgrounds)
<body> 拥有两个配置背景的标签
背景可以是颜色或者图像
背景颜色(Bgcolor)
背景颜色属性将背景设置为某种颜色。属性值可以是十六进制数、RGB 值或颜色名
30、HTML颜色
颜色由红色、绿色、蓝色混合而成
颜色值
颜色由一个十六进制符号来定义,这个符号由红色、绿色和蓝色的值组成(RGB)
每种颜色的最小值是0(十六进制:#00)。最大值是255(十六进制:#FF)