第3天.前端基础.HTML常用标签

HTML常用标签
（1）排版标签
①标题标签h：<:h1> 标题文本 </h1:>
标题标签 h1-h6 字号从达到小 从粗到细
②段落标签 P：<:p> 文本内容 </p:>
③水平线标签hr ：<:hr />是单标签
④换行标签br ：<:br />
⑤布局标签：
<:div></div:> 主要布局标签 div+css
独占一行，依次显示
<:span></span:> 依次显示，相邻行元素在同一行显示

（2）文本格式化标签
①加粗 <:b></b:> <:strong></strong:>
②倾斜 <:i></i:> <:em></em:>
③删除线 <:s></s:> <:del></del:>
④下划线 <:u> </ins:>
（3）标签属性
<标签名 属性1=“属性值1” 属性2=“属性值2” …> 内容 </标签名>
例：<手机 颜色=“红色” 大小=“5寸”> </手机>
（4） 特殊字符 &**;
空格  
大于 >
小于 <
版权符 ©
（5）图像标签 <:img src=“图像URL” />
img 属性 src 路径
alt 图片加载不出来时 提示的文字
title 鼠标悬停图片上时 显示的文字
width 宽
height 高
border:“0” 黑边框 用到边框时直接写像素单位
注意: ①标签可以拥有多个属性，必须写在开始标签中，位于标签名后面。
②属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开。
③采取键值对的格式 key=“value” 的格式
（6）链接
<:a href=“跳转目标” target=“目标窗口的弹出方式”>文本或图像</a:>
①target="_shef"默认原页面跳转
②target="_blank" 跳转到新页面
注意：①外部链接 需要添加 http:// www.baidu.com
②内部链接 直接链接内部页面名称即可 比如 < :a href=“index.html”> 首页 </a :>
③如果当时没有确定链接目标时，通常将链接标签的href属性值定义为“#”(即href="#")，表示该链接暂时为一个空链接。
④不仅可以创建文本超链接，在网页中各种网页元素，如图像、表格、音频、视频等都可以添加超链接。

3、 路径
（1） 相对路径：以引用文件之网页所在位置为参考基础，而建立出的目录路径。因此，当保存于不同目录的网页引用同一个文件时，所使用的路径将不相同，故称之为相对路径。
（2） 绝对路径：以Web站点根目录为参考基础的目录路径。之所以称为绝对，意指当所有网页引用同一个文件时，所使用的路径都是一样的。