1、HTML的基本标签
- HTML标记由 < 和 > 所扩住的指令标记，用于向浏览器发送标记指令。
- 主要分为：单标签指令、双标签指令（由<起始标记>内容</结束标记>构成）
- HTML语言使用标志对的方法编写文件，既简单又方便。它通常使用<标志名>内容</标志名>来表示标志的开始和结束，因此在HTML文档中这样的标志对都必须是成对使用的。
- 为了便于理解，将HTML标记语言大致分为：基本标记、格式标记、文本标记、图像标记、表格标记、连接标记、表单标记和帧标记等。
1.1单标签
单标签不设置属性值。如：
<br/> <hr/>单标签属性
单标签（也叫空元素），设置属性值。如：
<hr width="100" />1.2双标签
双标签，不设置属性值。如：
<title>_<title>双标签属性
双标签，设置属性值。如：
<body bgcolor="blue">_</body>
<font size="7">_</font>2、HTML整体结构
HTML的内容是由一对一对的标签组成，标签不能混乱，页面有页面的整体构架和规则，标签和标签之间有正常的嵌套。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
</body>
</html>
网页区<html>......</html>
标记头区<head>......</head>
内容区<body>......</body>2.
2.1html
<html>标志用于HTML文档的最前面，用来标识HTML文档的开始。而</html>标志放在HTML文档的最后面，用来标识HTML文档的结束，两个标识必须一起使用。
2.2head
head构成HTML文档的开头部分。head标志对之间的内容是不会在浏览器的框内显示出来的，同时两个标识必须一起使用。
在此标识对之间可以使用title、script、meta、link等标签。
2.3title
<title> 标签定义了不同文档的标题。
<title> 在 HTML/XHTML 文档中是必须的。
<title> 元素:
- 定义了浏览器工具栏的标题
- 当网页添加到收藏夹时，显示在收藏夹中的标题
- 显示在搜索引擎结果页面的标题
注意：title标签位于head标签内，是head标签中唯一要求包含的东西。
2.4body
body是HTML文档的主体部分，一般情况下大部分浏览器上显示的内容都放在body中，在此标志对之间可包含div、a、p、h1、hr等众多标志。他们所定义的文本、图像等都会在浏览器的框中显示出来。
3.常用标签
HTML页面由标签组成。不同的标签浏览器对其进行不同的样式和内容的渲染，我们需要记忆常用的标签即可。大致分为：标题、水平线、段落、换行、图片、表格、超链接、div、span、表单、列表和下拉列表等。
3.1标题
标题（Heading）是通过 <h1> - <h6> 标签进行定义的。<h1> 定义最大的标题。 <h6> 定义最小的标题。
<h1>这是一个标题。</h1>
<h2>这是一个标题。</h2>
<h3>这是一个标题。</h3>演示如下：
注释: 浏览器会自动地在标题的前后添加空行。并且为了避免网页被搜索引擎拉黑，少用<h1> 定义标题。
3.2水平线
<hr> 标签在 HTML 页面中创建水平线。
hr 元素可用于分隔内容。
<p>这是一个段落。</p>
<hr>
<p>这是一个段落。</p>
<hr>
<p>这是一个段落。</p>演示如下：
3.3段落
HTML 段落是通过标签 <p> 来定义的。
<p>这是一个段落。</p>
<p>这是另外一个段落。</p>演示如下：
3.4换行
如果希望在不产生一个新段落的情况下进行换行（新行），使用 <br> 标签。<br /> 元素是一个空的 HTML 元素。由于关闭标签没有任何意义，因此它没有结束标签。
<p>这个<br>段落<br>演示了分行的效果</p>演示如下：
3.5图片
在 HTML 中，图像由<img> 标签定义。<img> 是空标签，意思是说，它只包含属性，并且没有闭合标签。要在页面上显示图像，需要使用源属性（src）。src 指 "source"。源属性的值是图像的 URL 地址。
定义图像的语法是：
<img src="url" alt="some_text">URL 指存储图像的位置。如果名为 "pulpit.jpg" 的图像位于 www.runoob.com 的 images 目录中，那么其 URL 为 http://www.runoob.com/images/pulpit.jpg。浏览器将图像显示在文档中图像标签出现的地方。如果你将图像标签置于两个段落之间，那么浏览器会首先显示第一个段落，然后显示图片，最后显示第二段。
height（高度） 与 width（宽度）属性用于设置图像的高度与宽度。指定图像的高度和宽度是一个很好的习惯。如果图像指定了高度宽度，页面加载时就会保留指定的尺寸。如果没有指定图片的大小，加载页面时有可能会破坏HTML页面的整体布局。
3.6表格
表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>演示如下：
3.7超链接
HTML使用标签 <a>来设置超文本链接。超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。当您把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手。在标签<a> 中使用了href属性来描述链接的地址。
默认情况下，链接将以以下形式出现在浏览器中：
- 一个未访问过的链接显示为蓝色字体并带有下划线。
- 访问过的链接显示为紫色并带有下划线。
- 点击链接时，链接显示为红色并带有下划线。
注意：如果为这些超链接设置了 CSS 样式，展示样式会根据 CSS 的设定而显示。
链接的 HTML 代码很简单。
<a href="url">链接文本</a>href ：需要跳转的地址（必须属性）target：窗口打开方式（_self:当前窗口（默认）_blank：在空白窗口）.
提示: "链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接。
3.8div
<div> 标签定义 HTML 文档中的一个分隔区块或者一个区域部分。<div>标签常用于组合块级元素，以便通过 CSS 来对这些元素进行格式化。
提示：<div> 元素经常与 CSS 一起使用，用来布局网页。
注释：默认情况下，浏览器通常会在 <div> 元素前后放置一个换行符。然而，您可以通过使用 CSS 改变这种情况。
<div style="color:#0000FF">
<h3>这是一个在 div 元素中的标题。</h3>
<p>这是一个在 div 元素中的文本。</p>
</div>演示如下：文档中的一个区域将显示为蓝色：
3.9span
<span> 用于对文档中的行内元素进行组合。<span> 标签没有固定的格式表现。当对它应用样式时，它才会产生视觉上的变化。如果不对 <span> 应用样式，那么 <span> 元素中的文本与其他文本不会任何视觉上的差异。<span> 标签提供了一种将文本的一部分或者文档的一部分独立出来的方式。
提示：被 <span> 元素包含的文本，可以使用 CSS 对它定义样式，或者使用 JavaScript 对它进行操作。
<p>我的母亲有 <span style="color:blue">蓝色</span> 的眼睛。</p>演示如下：
div和span都是一种“容器 ”，里面装着想要表达的内容。
2666
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
