HTML的一些基本标签用法（1）

HTML

HTML<ol的用法

  <ol> 标签

实例：
有序 HTML 列表：
<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

HTML<ul 标签

实例
无序 HTML 列表：

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

HTML <br 标签

换行操作加在需要回车的位置即可。

HTML <hr 标签

实例
被水平线分隔的标题和段落：

<h1>This is header 1</h1>
<hr />
<p>This is some text</p>

HTML <meta标签

定义和用法
<meta元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。

<meta标签位于文档的头部，不包含任何内容。<meta 标签的属性定义了与文档相关联的名称/值对。

HTML 与 XHTML 之间的差异

在 HTML 中， 标签没有结束标签。
在 XHTML 中， 标签必须被正确地关闭。

HTML <input 标签

实例
一个简单的 HTML 表单，包含两个文本输入框和一个提交按钮：

<form action="form_action.asp" method="get">
  First name: <input type="text" name="fname" />
  Last name: <input type="text" name="lname" />
  <input type="submit" value="Submit" />
</form>

HTML <font 标签

定义和用法
<font规定文本的字体、字体尺寸、字体颜色。

实例
规定文本字体、大小和颜色：

<font size="3" color="red">This is some text!</font>
<font size="2" color="blue">This is some text!</font>
<font face="verdana" color="green">This is some text!</font>

HTML <figure 标签

实例
用作文档中插图的图像：

<figure>
  <p>黄浦江上的的卢浦大桥</p>
  <img src="shanghai_lupu_bridge.jpg" width="350" height="234" />
</figure>

HTML <figcaption标签

实例
用作文档中插图的图像，带有一个标题：：

<figure>
  <figcaption>黄浦江上的的卢浦大桥</figcaption>
  <img src="shanghai_lupu_bridge.jpg" width="350" height="234" />
</figure>

HTML <pre 标签

定义和用法
pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。

<pre标签的一个常见应用就是用来表示计算机的源代码。

可以导致段落断开的标签（例如标题、<p和 <address 标签）绝不能包含在 <pre 所定义的块里。尽管有些浏览器会把段落结束标签解释为简单地换行，但是这种行为在所有浏览器上并不都是一样的。

pre 元素中允许的文本可以包括物理样式和基于内容的样式变化，还有链接、图像和水平分隔线。当把其他标签（比如 <a 标签）放到 <pre 块中时，就像放在 HTML/XHTML 文档的其他部分中一样即可。

HTML <table标签

实例
一个简单的 HTML 表格，包含两行两列：

<table border="1">
  <tr>
    <th>Month</th> //<th> 为表头可用可以加粗居中显示
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table>

HTML <img 标签

实例
在下面的例子中，我们在页面中插入一幅 W3School 的工程师在上海鲜花港拍摄的郁金香照片：

<img src="/i/eg_tulip.jpg"  alt="上海鲜花港 - 郁金香" />

HTML <iframe 标签

定义和用法
iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。

HTML 与 XHTML 之间的差异

在 HTML 4.1 Strict DTD 和 XHTML 1.0 Strict DTD 中，不支持 iframe 元素。

提示和注释：

提示：您可以把需要的文本放置在 和 之间，这样就可以应对无法理解 iframe 的浏览器。

HTML <a 标签

实例
指向 w3school 的超链接：

<a href="http://www.w3school.com.cn">W3School</a>

对于最近学习的东西的一点总结，有点粗略，有问题的望大家指出来，谢谢！