HTML 常用标签（上）、路径、链接（内外锚）、特殊字符

. 大盒子
2. 标签用来布局，-行上可以多个.小盒子

• 4.6 图像标签和路径(重点)

1.图像标签

图像标签的其他属性:

属性      属性值       说明

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

 代码示例：

< /head>
< body>
图像标签的使用:

 alt 替换文本图像显示不出来的时候用文字替换:

 title提示文本鼠标放到图像上,提示的文字:


 
 width 给图像设定宽度:

 

height 给图像设定高度:

 
 

border 给图像设定边框:

  5"/>

2.路径(前期铺垫知识)

（1）目录文件夹和根目录:
实际工作中,我们的文件不能随便乱放,否则用起来很难快速的找到他们,因此我们需要一个文件夹来管理他们。
目录文件夹:就是普通文件夹,里面只不过存放了我们做页面所需要的相关素材,比如html文件、图片等。
根目录:打开目录文件夹的第- -层就是根目录

（2）路径之相对路径
相对路径:以引用文件所在位置为参考基础,而建立出的目录路径。
这里简单来说,图片相对于HTML页面的位置

相对路径分类      符号              说明


同一级路径                  图像文件位于HTML文件同-级如"baidu.gif" />

下一级路径        /         图像文件位于HTML文件下一级如"images/baidu.gif" />

上一级路径        ../       图像文件位于HTML文件上一级如"../baidu.gif" />

（3）路径之绝对路径

绝对路径:是指目录下的绝对位置,直接到达目标位置,通常是从盘符开始的路径。
例如，"D:\web\img\ogo.gif" 或完整的网络地址http://www.itcast.cn/images/logo.gif" .

• 4.7超链接标签(重点)

1.链接的语法格式

"跳转目标" target=" 目标窗口的弹出方式">文本或图像

单词anchor [' axenke(r)]的缩写,意为:锚。
两个属性的作用如下:

属性            作用

href         用于指定链接目标的url地址，(必须属性) 当为标签应用href属性时，它就具有了超链接的功能

target       用于指定链接页面的打开方式，其中_self为默认值表示当前窗口打开，_blank为在新窗口中打开方式。

2.链接分类:
（1）外部链接: 例如< a href-thtt:// www.baidu.com">百度.

（2）内部链接:网站内部页面之间的相互链接直接链接内部页面名称即可,例如< a href= "index.html">首页.

（3）空链接: 如果当时没有确定链接目标时, 首页。

（4）下载链接：如果href里面地址是一个文件或者压缩包,会下载这个文件。

（5）网页元素链接:在网页中的各种网页元素,如文本、图像、表格、音频、视频等都可以添加超链接.

（6）锚点链接:点我们点击链接,可以快速定位到页面中的某个位置.
　　●在链接文本的href属性中,设置属性值为#名字的形式,如第2集
　　●找到目标位置标签,里面添加一个id属性=刚才的名字, 如:

第2集介绍

  
1.外部链接
  "http://www.qq. com" target=" blank"> 腾讯
  target 打开窗口的方式 默认的值是 _self (当前窗口打开页面)  _blank (新窗口打开页面)
  "http://www.itcast. cn" target="_blank">传智播客

  
2.内部链接:网站内部页面之间的相互链接
  " gongsijianjie.htm1" target="_blank">公司简介

  
3.空链接:#
  "#" >公司地址

  
4.下载链接:地址链接的是 文件.exe 或者是zip等压缩包形式
  " img.zip">下载文件

  
5.网页元素的链接

  http://www.baidu.com">img.jpg" />

  
6.锚点链接
  #live">个人生活

  ......中间隔着一大串内容....

  
"live">个人生活

• 5.2特殊字符

  在HTML页面中,一些特殊的符号很难或者不方便直接使用,此时我们就可以使用下面的字符来替代。

主要用 空格符 大于号 小于号 

注释：Ctrl + /   如：

案例：

    
    讲  ;   ;   ;  究
    
    &1t; p > 是一个段落标签