html常用标签

常用标签，标签语义（让结构更加清晰）

1.标题标签

<h1>-<h6>一级-六级标题
独占一行，大小和黑度

2.段落标签

<p></p>
会根据网页大小进行换行

3.换行标签

<br />
单标签，另起一行
与段落标签区分，段落之间会有大缝隙

4.文本格式化标签

粗体<strong>    <b>
斜体<em>          <i>
删除线<del>       <s>
下划线<ins>       <u>

5.<div><span>

6.图像标签
图片要和网页文件在一起
单标签
标签可以有很多属性，但都要在imag后
属性之间有空格，但没有前后顺序
采用键值对的形式  00=“11”

src：图像的必须属性，路径和文件名
<imag src="图像url" />插入图像

alt：替换文本
<img src="abc1.png" alt="显示不出时，显示的文本"/>

title：提示文本，鼠标放在上面，进行的提示
<img src="abc1.png" alt="显示不出" title="提示文本"/>

width：图像宽度
height：高度
一般只修改一个，另一个会等比例缩放

border：图像边框
一般在css设定

7.路径
目录文件夹：html，images
双击目录文件夹第一层：根目录

绝对路径:电脑中的绝对路径
            <img src="D:\a学习爱我\前端\html\第一天\案例\image/abc.png" alt="显示不出" title="提示文本" width="400" />
              网络中的绝对路径（能上网就能拿到图片）

相对路径：图片相对于html的位置
      同一级：同一个目录，直接写
                  <img src="abc.png" alt="显示不出" title="提示文本" width="500" />
      下一级：图片所在的目录image和html在同一级
                  <img src="image/abc.png" alt="显示不出" title="提示文本" width="400" />
      上一级：html所在的目录和图片在同一级
      多个文件时就../../../

8.超链接标签
<a>
语法规范：<a href="http://www.qq.com">腾讯</a>        点击腾旭就会跳转
必要属性：
   href:连接目标

属性target：用什么方式打开
   _self:本窗口打开
           <a href="http://www.qq.com" target="_self">腾讯</a>
   _blank：新窗口打开
            <a href="http://www.qq.com" target="_blank">腾讯</a>
连接分类：
   外部链接：http://www
   内部链接：<a href="04-常用标签应用.html">工资简介</a>
   空链接：<a href="#">公司地址</a>      用“#”
   下载链接：<a href="abc.rar">下载文件</a>     下载exe。zip。rar
   各种网页元素的链接：
   <a href="http://www.baidu.com"><img src="abc.png"></a>
   锚点链接：定位到页面的某个地方

   <a href="#live">早年经历</a>
   <h6 id="live">早年经历</h6>

    <a href="#work">主要作品</a>
   <h6 id="work">主要作品</h6>

9.注释标签

<!--     --!>注释代码
crtl+/

10.特殊字符
例如：多个空格   &nbsp；