二、 HTML开发(标签)

---

二、HTML的开发

2.1 HTML 文件的骨架

Head 标签：其中可以对网页进行整体设置
Body 标签：是 HTML 的正文标签,我们在网页上能看到的内容都写在该标签中

2. 2 HTML 的 IDE 工具

(1) DW
(2) HBuilder
(3) Subline
(4) MyEclipse
(5) 记事本

2.3 标签的分类

1.带有标签体的标签，这种标签成对出现;有开始标签也有单独的结束标签,如:

2.没有标签体的标签（空标签，自结束标签）,开始和结束在同一个标签中，如;

2.4 常用基本标签

2.4.1 标题标签 (h1——h6)

2.4.2 字体标签(font)

2.4.3 段落标签§

主要用于将一段内容包裹起来，便于后期的统一设置，p 标签本身没有效果,标签内的内容与标签外的内容空一行（自动换行）

2.4.4 换行标签(br)

2.4.5 水平线标签(hr)

2.4.6 图片标签(img)

<img src=”图片地址” width=”宽度” height=”高度” />

2.4.7 背景音乐(audio)

<audio src=”音乐” autoplay=“autoplay” loop=”loop”/>

2.4.8 视频( video )

在 H5 之前大多数视频使用 flash 插件实现的，但 flash 插件加载速度较慢，在 H5 之后专门提供了一个视频的标签;

2.4.9 图片标签(img)

用法 1：超链接:主要用于将多个页面关联到一起，使用超链接可以直接访问另一个页面;

通过 base 标签统一设置页面超链接的显示目标

 <base target="_blank" />

用法 2：用于锚记页面中的某个位置或其他页面中的某个位置

2.4.10 列表标签

(1)有序列表

<ol>
    <li>列表项</li>
</ol>

(2)无序列表

(3) 自定义列表

dl:外围标签
dt：列表的标题标签
dd:设置列表的具体列表项

2.4.11 marquee 标签

2.4.12 文本设置标签

<b></b>字体加粗
<i></i>设置斜体
<u></u>设置文本下划线
<s></s>在文本上设置一个删除线

2.4.13 其他基本标签

2<sup>n</sup>：设置上标
log<sub>10</sub>10:设置下标