本次我们着重讲标签，开讲

排版标签

注释标签

<!–注释–>

换行标签

</br>

段落标签

<p>文本文字</p>

特点：段与段之间有行高
属性：align对齐方式（left：左对齐 center：居中 right：右对齐）

水平线标签

<hr/>

属性:

width：水平线的长度(两种:第一种:像素表示；第二种，百分比表示)
size: 水平线的粗细 (像素表示，例如：10px)
color: 水平线的颜色
align:水平线的对齐方式(left：左对齐 center：居中 right：右对齐)

容器标签

<div></div>:块级标签，独占一行，换行；主要是结合css页面分块布局
<span></span>:行级标签，所有内容都在同一行作用；进行友好提示信息

标题标签

在网页中使用标题标签可以使网页更具有语义化，HTML一共有标题标签一共有六个等级，数字越大，文字越小

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

例如：

博主GT

高产胜似母猪

浏览一下

点个赞

评论一句

关注我

列表标签

容器里面装载着文字或图表的一种形式，叫列表。
列表最大的特点就是整齐、整洁、有序

无序列表

<ul>
	<li>关注我</li>
	<li>点个赞</li>
	<li>评个论</li>
</ul>

例如：

关注我
点个赞
评个论

有序列表

<ol>
	<li>关注我</li>
	<li>点个赞</li>
	<li>评个论</li>
</ol>

例如：

关注我
点个赞
评个论

定义列表

<dl>
	<dt>名词一</dt>
	<dd>名词一解释一</dd>
	<dd>名词一解释二</dd>
	<dt>名词二</dt>
	<dd>名词二解释一</dd>
	<dd>名词二解释二</dd>
</dl>

例如：

名词一

名词一解释一

名词一解释二

名词二

名词二解释一

名词二解释二

图片标签

独立标签

属性：

src：图片地址：相对路径（同一个网站）绝对路径（不同网站）

width:宽度height:高度border:边框align:对齐方式，代表图片与相邻的文本的相当位置（有三个属性值：top middle bottom）

alt:图片的文字说明hspace 和 vspace 设定图片边沿上下左右空白，以免文字或其它图片过于贴近

链接标签

<a href="链接地址"></a>

例如跳转我的首页：

超链接可以是文本，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。（不仅可以创建文本超链接，在网页中各种网页元素，如图像、表格、音频、视频等都可以添加超链接）文本或图片

属性：

href:跳转页面的地址(跳转到外网需要添加协议)；
name:名称，锚点(回到锚点: 顶部，底部，中间)，在访问锚点的书写格式:#name的值
target:_self(自己) _blank(新页面，之前页面存在) _
__parent top 默认
self_search相等于给页面起一个名字，如果再次打开时，如果页面存在，则不再打开新的页面。可以是任意名字。
如果当时没有确定链接目标时，通常将链接标签的href属性值定义为“#”(即href="#")，表示该链接暂时为一个空链接。

base标签

base 可以设置整体链接的打开状态

锚点定位

通过创建锚点链接，用户能够快速定位到目标内容。创建锚点链接分为两步：

使用a href=”#id名>“链接文本"创建链接文本
使用相应的id名标注跳转目标的位置

字体标签

<font></font>

属性：

size:设置字体大小
color:设置字体颜色
face:设置字体

表格(table,tr,td)

表格的属性：

border:边框的宽度
bordercolor:边框的颜色
cellspacing:单元格的边距
width:宽度
height:高度

使用方式：

<table><!--定义表格-->
	<tr><!--定义表格中的一行，有多少对就表明有多少行-->
		<th>姓名</th>
		<th>性别</th>
		<th>年龄</th><!--有多少对就表明有多少列(此处定义表头)-->	
	</tr>
	<tr>
		<td>GT</td><!--有多少对就表明有多少列(此处定义每一列的单元格)-->	
		<td>男</td>
		<td>24</td>
	</tr>
</table>

例如：

姓名	性别	年龄
GT	男	24

合并单元格

跨行合并 rowspan
跨列合并 colspan

合并单元格的思想：

将多个内容合并的时候，就会有多余的东西，把它删除。例如把 3个 td 合并成一个，那就多余了2个，需要删除。
公式：删除的个数 = 合并的个数 - 1

代码演示：

<table>
	<tr>
		<th>姓名</th>
		<th>性别</th>
		<th>年龄</th>
	</tr>
	<tr>
		<td colspan="2">GT-男</td>	<!--colspan演示跨列-->
		<td rowspan="2">24</td><!--rowspan演示跨行-->
	</tr>
	<tr>
		<td>FY</td>
		<td>男</td>
	</tr>
</table>

效果如下：

姓名	性别	年龄
GT-男		24
FY	男	24

表格小结：

表格提供了HTML 中定义表格式数据的方法
表格中由行中的单元格组成
表格中没有列元素，列的个数取决于行的单元格个数
表格不要纠结于外观，那是CSS 的作用

文本格式化标签

有点繁多，咱直接上代码

<b>定义粗体文本</b>
<big> 定义大号字</big>
<em> 定义着重文字</em>
<i> 定义斜体字</i>
<small> 定义小号字</small>
<strong> 定义加重语气</strong>
<sub> 定义下标字</sub>
<sup> 定义上标字</sup>
<ins> 定义插入字</ins>
<del> 定义删除字</del>

老样子，看演示：

定义粗体文本
定义大号字
定义着重文字
定义斜体字
定义小号字
定义加重语气
_{定义下标字
^{定义上标字}}定义插入字
~~定义删除字~~

老T有些累了，今天的学习到此结束，下次更新主要讲表格，希望能对大家有所帮助！

HTML基础——2