html5 标签学习【一】

标题标签

双标签：

标题【一行显示】 <h1><h2><h3><h4><h5><h6>

段落及换行标签

双标签：

段落 <p> 

单标签：

换行 <br />

文本格式化标签

双标签：

加粗 <strong>、<b> 

倾斜 <em>、<i>

删除线 <del>、<s>

下划线 <ins>、<u>

盒子标签

双标签：

用来布局【独占一行，大盒子】  <div>

用来布局【跨度、跨距，一行可以多个 ，小盒子】<span>

图像标签

单标签：

<img src="图像URL" />

属性	属性值	说明
src	图片路径	必须属性
alt	文本	替换文本，图像不能显示时，显示的文字
title	文本	提示文本，鼠标放到图像上时显示文字
width	像素	图像宽度
height	像素	图像高度
border	像素	图像边框粗细

目录文件夹：普通的一个文件夹

根目录：打开目录文件夹的第一层就是根目录

相对路径：应用文件相对于当前文件所在的位置

相对路径分类	符号	说明
同一级路径		图像文件位于HTML文件同一级，如<img src="baidu.gif" />
下一级路径	/	图像文件位于HTML文件下一级，如<img src="images/baidu.gif" />
上一级路径	../	图像文件位于HTML文件上一级，如<img src="../baidu.gif" />

绝对路径：相对于盘而言的，例如 D:\workspace 注意杠 \

超链接标签

双标签：

<a href="跳转目标"  target="目标窗口的弹出方式"></a>

属性	作用
href	必须属性：用于指定链接目标的Url
target	用于指定链接页面的打开方式，_self 为默认值；_blank为在新窗口中打开

链接分类：

外部链接：以http:// 开头    例如：<a href="http://网址" ></a>

内部链接：网站内部页面间跳转，例如：<a href="index.html" >首页</a>

空链接：如果没有明确链接目标，例如：<a href="#" >首页</a>

下载链接：如果href是一个文件【exe、pdf、gif、xls等】或者压缩包，则会下载这个文件 ，例如<a href="img.zip">图片</a> 

网页元素链接：任何网页元素都可以添加链接，例如例如<a href="http://www.baidu.com"><img src="img.png" /></a> 

锚点链接：可以定位到页面中的某个位置，以#名字的形式 <a href="#two">图片</a>   

注释标签

<!-- 注释语句 -->  ctrl+/

特殊字符

&nbsp；  空格

&alt；   <

&gt；    >