html结尾（列表及框架与文本标签）

3.html列表标签

1.无序列表 ul

定义列表项，使用li表示 <li></li> 一对li表示一个列表项。

给列表的小图标更换样式，使用属性type值：disc(默认值)、circle、square。

    <ul>
        <li>怎么设置会员</li>
        <li>怎么购买茶农品</li>
        <li>怎么退出</li>
    </ul>

前面是一个小圆点，没有顺序

2.有序列表 ol

有序列表也是一列项目，列表项目使用数字进行标记。 有序列表始于 <ol> 标签。每个列表项始于

<li> 标签。

定义有序列表，使用ol表示。

给列表的小图标更换样式，使用属性type值：1、a、A、i、I。

有序列表的start属性：定义列表的开始序号。

有序列表的value属性：定义单个列表项的序号。注意：设置之后,该列表项之后的值都随之变化。

有序列表:

  <ol>
        <li>新手指南</li>
        <li>购买指南</li>
        <li>退出指南</li>
    </ol>

显示效果如下：

前面顺序是从一开始

3.自定义列表

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

自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开

始。<dt>是自定义列表的标题。

    <dl>
        <dt>关于我们</dt>
        <dd><a href="#">联系我们</a></dd>
        <dd><a href="#">了解我们</a></dd>
        <dd><a href="#">了解我们</a></dd>
        <dd><a href="#">了解我们</a></dd>
        <dd><a href="#">了解我们</a></dd>
        <dd><a href="#">了解我们</a></dd>
        
        
    </dl>

显示效果如下：

前面没有顺序，且<dt>距离<dd>较远

 <dl>
        <dt><img src="//img10.360buyimg.com/n7/jfs/t1/96349/32/42264/115499/64af94beF4338c621/e7cf79e9cda3836f.jpg" alt=""></dt>
        <dd>微波炉蒸烤机</dd>
        <dd>格兰仕</dd>
        <dd>1199</dd>
        <dd>现价679</dd>
    </dl>

显示效果如下：

4.html内嵌框架

1.通过使用内嵌框架，你可以在同一个浏览器窗口中显示不止一个页面。

iframe语法：（就是在一个网页里面显示另一个网页 ，此处的URL是指链接网页的地址）

<iframe src="URL"></iframe>

为什么用 <iframe>:

<frameset> 需要使用多个文件，目录结构复杂；

内嵌较为灵活，可以在网页的任何位置使用；

可以作为模板，在本网站的多个页面复用；

Iframe - 设置高度与宽度

height 和 width 属性用来定义iframe标签的高度与宽度。

属性默认以像素为单位, 但是你可以指定其按比例显示 (如：“80%”)。当然，我们完全可以使用CSS

样式来实现。

Iframe - 移除边框

frameborder 属性用于定义iframe表示是否显示边框。

设置属性值为 “0” 移除iframe的边框。

Iframe - 框架命名

name：自定义框架名,规定 iframe 的名称。

    <!-- -parent的意思是如果框架中含有超链接，并且想要在父网页中显示就可以用这个属性值 -->
    <iframe src="08-图片标签.html" frameborder="0">
    <a href="09-表格.html" target="_parent">我是框架中的超链接</a></iframe>

5.文本化格式标签

标签	显示效果
<b></b> 或 <strong></strong>	文本以粗体方式显示（推荐使用 strong 代替 b）。
<i></i> 或 <em></em>	文字以斜体方式显示（推荐使用 em 代替 i）。
<s></s> 或 <del></del>	文字以加删除线方式显示（推荐使用 del 代替 s）。
<u></u> 或 <ins></ins>	文字以加下划线方式显示（推荐使用 ins 代替 u）。
<small></small>	文字以小号字体大小显示。
<sup></sup>	文字以上标方式显示。
<sub></sub>	文字以下标方式显示
<pre></pre> 或 <code></code>	`可以定义预格式化的文本，常用来表示计算机的源代码。 用来显示多行代码； 用来显示一行代码； 可以包裹 元素。

七.HTML标签通用属性

1.属性语法

HTML 元素可以设置属性；

属性可以在元素中添加附加信息；

属性一般描述于开始标签；

属性总是以名称/值对的形式出现，比如： type="button" 。

属性	描述
class	为 html 元素定义一个或多个类名（classname）（类名从样式表文件引入）。
id	定义元素的 id，在同一个页面中唯一。
style	规定元素的行内样式（inline style）。
title	描述了元素的额外信息（作为工具条使用）。

八.字符实体

1.html实体

在 HTML 中，某些字符是预留的。在 HTML 中不能使用小于号（<）和大于号（>），这是因为浏览器会误认为它们是标签。如果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体（character entities）。 字符实体类似这样：

&entity_name;
或
&#entity_number;

2.不间断空格：

空格表示 

3.结合音标符

发音符号是加到字母上的一个"glyph(字形)"。

一些变音符号, 如 尖音符 ( ̀) 和 抑音符 ( ́) 。

变音符号可以出现字母的上面和下面，或者字母里面，或者两个字母间。

变音符号可以与字母、数字字符的组合来使用。（具体音标符可以在网上查看）