HTML简介
HTML(Hyper Text Markup Language)HTML是超文本标记语言,不是编程语言,使用标记标签来描述网页。
HTML标签是由尖括号包围的关键词,通常成对出现。第一个为开始标签,第二个为结束标签。
HTML文档也称为网页。
HTML可以使用Notepad或TextEdit编写。保存HTML时使用.html为扩展名。
HTML元素
开始标签其实,结束标签终止,某些HTML元素具有空内容,空元素在开始标签进行关闭,大多数HTML元素可拥有属性,大多数HTML元素可进行嵌套。
HTML通过<a>标签定义链接,在href属性中指定链接的地址,通过<p>标签定义段落,通过<h1>-<h6>等标签定义标题,通过<img>标签定义图像,名称和尺寸以属性形式提供,scre=,<body> 元素定义了 HTML 文档的主体,<table>定义HTML表格,<html> 元素定义了整个 HTML 文档。
没有内容的HTML标签被称为空元素,在开始标签中添加斜杠,是关闭空元素的正确方法,<html> 元素定义了整个 HTML 文档,即使<br>在所有浏览器中有效,关闭空元素具有更长远的保障。
HTML属性
属性提供了有关HTML元素更多的信息。属性总是以名称/值对的形式出现,在HTML的开始标签中进行规定。
属性和属性值对大小写不敏感,推荐使用小写属性,属性值应该始终被包括在引号内,在个别情况下,比如属性值本身具有双引号,必须使用单引号。
HTML标题通过<hx>实现,确保HTML heading标签只用于标题,<hr/>在HTML页面中创建水平线,<!-->定义注释,讲注释插入HTML代码中,可使代码更容易被人理解。在网页中单击右键选择“查看源文件”或“查看页面源代码”即可查看源代码。浏览器会自动地在段落的前后添加空行,如果想在不产生新段落下进行换行,可以使用<br/>标签。
HTML的style属性提供了一种改变所有HTML样式的通用方法,background-color 属性为元素定义了背景颜色,font-family、color 以及 font-size 属性分别定义元素中文本的字体系列、颜色和字体尺寸。
HTML文本格式化
文本格式化标签:
<b>定义粗体文本。<big>定义大号字。<em>定义着重文字。<i>定义斜体字。<small>定义小号字。<strong>定义加重语气。<sub>定义下标字。<sup>定义上标字。<ins>定义插入字。<del>定义删除字。
“计算机输出”标签:
<code>定义计算机代码。<kbd>定义键盘码。<samp>定义计算机代码样本。<tt>定义打字机代码。<var>定义变量。<pre>定义预格式文本。
引用、引用和语术定义:
<abbr>定义缩写。<acronym>定义首字母缩写。<address>定义地址。<bdo>定义文字方向。<blockquote>定义长的引用。<q>定义短的引用语。<cite>定义引用、引证。<dfn>定义一个定义项目。
HTML<q>元素定义短的引用,通常会被浏览器进行包围引导,<blockquote>定义被引用的节,通常浏览器会对<blockquote>元素进行缩进处理<abbr> 元素定义缩写或首字母缩略语。HTML <dfn> 元素定义项目或缩写的定义。HTML <address> 元素定义文档或文章的联系信息(作者/拥有者),通常以斜体显示。HTML <cite> 元素定义著作的标题。通常以斜体显示。<bdo> 元素定义双流向覆盖(bi-directional override)。
计算机代码元素:
<code>定义计算机代码文本。<kbd>定义键盘文本。<samp>定义计算机代码示例。<var>定义变量。<pre>定义预格式化文本。
注释标签 <!-- 与 --> 用于在 HTML 插入注释, 注释对于 HTML 纠错也大有帮助,因为您可以一次注释一行 HTML 代码,以搜索错误.条件注释定义只有 Internet Explorer 执行的 HTML 标签。各种HTML软件也能生成HTML注释。
HTML CSS
HTML中的样式
分为外部样式表、内部样式表、内联样式。当样式需要被应用到很多页面的时候,使用外部样式表,可以通过更改一个文件来改变整个站点的外观。当单个文件需要特别样式时,就可以使用内部样式表。可以在 head 部分通过 <style> 标签定义内部样式表。当特殊的样式需要应用到个别元素时,就可以使用内联样式。 使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。
<style>定义样式定义。<link>定义资源引用。<div>定义文档中的节或区域(块级)。<span>定义文档中的行内的小块或区域。
在 HTML图像
由 <img> 标签定义。<img> 是空标签,只包含属性,没有闭合标签。要在页面上显示图像,需要使用源属性(src)。src 指 "source"。源属性的值是图像的 URL 地址。alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。<img>定义图像。<map>定义图像地图。<area>定义图像地图中的可点击区域。
表格
由 <table> 标签来定义。如果不定义边框属性,表格将不显示边框。表格的表头使用 <th> 标签进行定义。为了避免空的单元格的边框没有被显示出来,在空单元格中添加一个空格占位符,就可以将边框显示出来。<table>定义表格。<caption>定义表格标题。<th>定义表格的表头。<tr>定义表格的行。<td>定义表格单元。<thead>定义表格的页眉。<tbody>定义表格的主体。<tfoot>定义表格的页脚。<col>定义用于表格列的属性。<colgroup>定义表格列的组。
列表
无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。无序列表始于 <ul> 标签。每个列表项始于 <li>
有序列表也是一列项目,列表项目使用数字进行标记。有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。
自定义列表不仅仅是一列项目,而是项目及其注释的组合。自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。
<ol>定义有序列表。<ul>定义无序列表。<li>定义列表项。<dl>定义定义列表。<dt>定义定义项目。<dd>定义定义的描述
HTML <div> 和 <span>
<div> 元素是块级元素,可用于组合其他 HTML 元素的容器。浏览器会在其前后显示折行。与 CSS 一同使用,<div> 元素可用于对大的内容块设置样式属性。<div> 元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用 <table> 元素进行文档布局不是表格的正确用法。<table> 元素的作用是显示表格化的数据。设置 <div> 元素的类,使我们能够为相同的 <div> 元素设置相同的类。
HTML <span> 元素是内联元素,可用作文本的容器。没有特定的含义。当与 CSS 一同使用时,<span> 元素可用于为部分文本设置样式属性。设置 <span> 元素的类,能够为相同的 <span> 元素设置相同的样式。分类行内元素。
HTML 响应式 Web 设计
RWD 指的是响应式 Web 设计(Responsive Web Design),RWD 能够以可变尺寸传递网页,RWD 对于平板和移动设备是必需的。
HTML框架
通过使用框架,可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架,并且每个框架都独立于其他的框架。使用框架的坏处:开发人员必须同时跟踪更多的HTML文档,很难打印整张页面。
框架结构标签(<frameset>)定义如何将窗口分割为框架,每个 frameset 定义了一系列行或列,rows/columns 的值规定了每行或每列占据屏幕的面积假如一个框架有可见边框,用户可以拖动边框来改变它的大小。为了避免这种情况发生,可以在 <frame> 标签noresize="noresize"。不能将 <body></body> 标签与 <frameset></frameset> 标签同时使用!不过,假如你添加包含一段文本的 <noframes> 标签,就必须将这段文字嵌套于 <body></body> 标签内。