HTML标签（一)

这里将会讲解HTML中的众多标签。

一.排版标签

这个排版会用到css等，等以后写css的时候再详细说明下。

二.标题标签（熟记）

为了使网页更加具有语义化，经常会在页面中用到标题标签，HTML提供了6个等级的标签。

<h1> <h2> <h3> <h4> <h5> <h6>

基本语法格式例如：

<h1>标题文本</h1>

注意：h1标签因为重要，尽量少用，一般h1都是给logo用的！！！

三.段落标签（熟记）

段落标签用来分开段落用的。
单词缩写：paragraph 段落
段落的标签就是：

<p>文本内容</p>

默认情况下，文本在一个段落中会根据浏览器窗口的大小自动换行。

四.水平线标签（认识）

单词缩写：horizontal 横线
在网页中常常看到一些水平线将段落与段落之间隔开，使得文档结构清晰，层次分明。
水平线可以通过插入图片实现，也可以简单地通过标记来完成。其基本的语法格式如下：

<hr />

在网页中显示默认样式的水平线

五.换行标签

单词缩写： break 打断，换行
如果希望某段文本强制换行显示，就需要使用换行标签

<br />

这是如果还像word中直接敲回车键换行就不起作用。
例如：

结果如下：

当然也可以使用<p></p>来显示。不过就是行与行之间的距离很大。
例如：

结果如下：

通过与上图对比，可以很清楚的看到行与行之间的差距变大！！！

六.div span标签（重点）

div span是没有语义的 是我们网页布局主要的2个盒子
div是division的缩写 分割，分区的意思 其实有很多div来组合网页
span 跨度，跨距，范围
语法格式：

<div>这是头部</div>  <span>今日</span>

七.文本格式化标签

在网页中，有时需要为文字设置粗体、斜体 下划线效果。这时候就需要用到html中的文本格式化标记，使文字以特殊的方式显示。

<b></b>  <strong></strong>      文字以粗体方式显示（XHTML推荐使用strong）
<i></i>    <em></em>                文字以斜体方式显示 （XHTML推荐使用em）
<s></s>  <del></del>               文字以加删除线的方式显示（XHTML推荐使用del）例如：~~原价：188~~  现价：88
<u></u> <ins></ins>               文字以加下划线的方式显示（XHTML不赞成使用u）

八.标签属性

属性就是特性 比如 手机的颜色 手机的尺寸
基本的语法格式如下：

<标签名 属性1="属性1"  属性2="属性2">内容</标签名>  

在上面的语法中，
1.标签可以拥有多个属性，必须写在开始标签中，位于标签名后面。
2.属性之间不分先后顺序。标签名与属性、属性与属性之间均以空格分开。
3.任何标签的属性都有默认值，省略该属性则取默认值。
实例：

实验结果：

由图轻松可以看出 width和颜色都改变了。 不过这个直线居中的。

九.图片标签（重要）

图像标签也是单标签。
基本的语法格式如下：
该语法中src属性用于指定图像文件的路径和文件名，是img标签的必需属性。

<img src="图像URL" />
一些标记属性
属性                  属性值                    描述
src 				文本							图像的路径
alt                 文本							图像不能显示时的替换文本
title               文本                         鼠标悬停时显示的内容
width         像素（XTHML不支持%页面百分比）        设置图像的宽度
height        像素（XTHML不支持%页面百分比）        设置图像的高度
border（边框）        数字                         设置图像边框的宽度

注意：一般情况下，只需要更改宽度或者高度一项就可以了，其余的那个会等比例缩放
boeder这个属性也可以来更改边框的颜色等属性，后面写css的时候会写到。

十.链接标签

在HTML中创建超链接非常简单，只需用标签环绕需要被链接的对象即可，基本语法格式如下：

<a href=”跳转目标“ target="目标窗口的弹出方式">文本或者图像</a>
href:用于指定链接目标的url地址。
target：用于指定链接页面打开方式，取值有_self和_blank两种，其中_self为默认值，_blank为在新窗口中打开方式。

链接分为外链接和内链接。