HTML基础知识（二）

13 HTML 图像- Alt属性

Alt 属性用来为图像定义一串预备的可替换的文本。

替换文本属性的值是用户定义的。

<img src="boat.gif" alt="Big Boat">

14 HTML 表格标签

定义表格

   定义表格的行

定义表格列的组

 定义用于表格列的属性

定义表格的页眉

定义表格的主体

定义表格的页脚

15 列表

HTML无序列表

无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。

无序列表使用

标签

<ul>
      <li>北京</li>
      <li>上海</li>
      <li>福建</li>
      <li>江西</li>
    </ul>

HTML 有序列表

同样，有序列表也是一列项目，列表项目使用数字进行标记。 有序列表始于

标签。每个列表项始于
1. 标签。

列表项使用数字来标记。

<ol>
      <li>北京</li>
      <li>上海</li>
      <li>福建</li>
      <li>江西</li>
    </ol>

浏览器中显示如下：

HTML 自定义列表

自定义列表不仅仅是一列项目，而是项目及其注释的组合。

自定义列表以 标签开始。每个自定义列表项以  开始。每个自定义列表项的定义以 开始。

<dl>
      <dt>3</dt>
      <dd>北京</dd>
      <dd>上海</dd>
      <dd>JIANGX</dd>
      <dd>nancheng</dd>
      <dt>2</dt>
      <dd>北京</dd>
      <dd>上海</dd>
      <dd>JIANGX</dd>
      <dd>nancheng</dd>
    </dl>

16HTML 分组标签

17 HTML 布局 div布局 或者表格布局

18 Iframe框架

<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="http://www.javascriptcn.com" target="iframe_a">RUNOOB.COM</a></p>

19 HTML script 标签

<script>
    document.write("Hello World!");
</script>

20 URL - 统一资源定位器

Web浏览器通过URL从Web服务器请求页面。

当您点击 HTML 页面中的某个链接时，对应的 <a> 标签指向万维网上的一个地址。

一个统一资源定位器(URL) 用于定位万维网上的文档。

一个网页地址实例: HTML 教程-JavaScript中文网-JavaScript教程资源分享门户 语法规则:

scheme - 定义因特网服务的类型。最常见的类型是 http

host - 定义域主机（http 的默认主机是 www）

domain - 定义因特网域名，比如 javascriptcn.com

:port - 定义主机上的端口号（http 的默认端口号是 80）

path - 定义服务器上的路径（如果省略，则文档必须位于网站的根目录中）。

filename - 定义文档/资源的名称

21 速查表

基本标签（Basic Tags）

<h1>最大的标题</h1>

<h2> . . . </h2>

<h3> . . . </h3>

<h4> . . . </h4>

<h5> . . . </h5>

<h6>最小的标题</h6>

<p>这是一个段落。</p>

<br> （换行）

<hr> （水平线）

<!-- 这是注释 -->

文本格式化（Formatting）

<b>粗体文本</b>

<code>计算机代码</code>

<em>强调文本</em>

<i>斜体文本</i>

<kbd>键盘输入</kbd>

<pre>预格式化文本</pre>

<small>更小的文本</small>

<strong>重要的文本</strong>

<abbr> （缩写）

<address> （联系信息）

<bdo> （文字方向）

<blockquote> （从另一个源引用的部分）

<cite> （工作的名称）

<del> （删除的文本）

<ins> （插入的文本）

<sub> （下标文本）

<sup> （上标文本）

链接（Links）

普通的链接：<a href="http://www.example.com/">链接文本</a>
图像链接： <a href="http://www.example.com/"><img src="URL" alt="替换文本"></a>
邮件链接： <a href="mailto:webmaster@example.com">发送e-mail</a>
书签：
<a id="tips">提示部分</a>
<a href="#tips">跳到提示部分</a>

图片（Images）

<img src="URL" alt="替换文本" height="42" width="42">

样式/区块（Styles/Sections）

<style type="text/css">

无序列表

<ul>
<li>项目</li>
<li>项目</li>
</ul>

有序列表

<ol>
<li>第一项</li>
<li>第二项</li>
</ol>

定义列表

<dl>
<dt>项目 1</dt>
<dd>描述项目 1</dd>
<dt>项目 2</dt>
<dd>描述项目 2</dd>
</dl>