小白学习HTML(二)

1、创建超链接

一个网站通常由多个页面构成，如果想从首页跳转到其他页面，就需要在首页相应的位置添加超链接，而在HTML中创建超链接非常简单，只需用<a></a>标记环绕需要被链接的对象即可。

基本语法格式

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

href 用于指定链接目标的url地址，当为<a>标记应用href属性时，它就具有了超链接的功能。

target 用于指定链接页面的打开方式，其取值有_self和_blank两种，其中_self为默认值，意为在原窗口中打开，_blank为在新窗口中打开。

在创建图像超链接时，在某些浏览器中，图像会自动添加边框效果，这时为了不影响页面的美观，通常需要清除超链接图像的边框，使图像正常显示。

具体代码如下：

<a href="#"><img src="images/logo.gif" border="0" /></a>

2、创建锚点链接

浏览网站时，为了提高信息的检索速度，常需要用到HTML语言中一种特殊的链接——锚点链接，通过创建锚点链接，用户能够快速定位到目标内容。（左图创建创建锚点链接，有图跳转到定位位置）

   

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

3、使用img标记

浏览网页时我们常常会被网页中的图像所吸引，巧妙地在网页中使用图像可以为网页增色不少。下面介绍几种常用的图像格式、以及如何在网页中插入图像以及如何设置图像的样式。

HTML网页中任何元素的实现都要依靠HTML标记，要想在网页中显示图像就需要使用图像标记。（src属性用于指定图像文件的路径和文件名）

基本语法格式

<img src="图像URL" />

图像标记的相关属性

alt 图像的替换文本属性，在图像无法显示时告诉用户该图片的内容。

width height 用来定义图片的宽度和高度，通常我们只设置其中的一个，另一个会按原图等比例显示。

border 为图像添加边框、设置边框的宽度。但边框颜色的调整仅仅通过HTML属性是不能够实现的。

align 图像的对齐属性align。用于调整图像的位置。

vspace hspace HTML中通过vspace和hspace属性可以分别调整图像的垂直边距和水平边距。

另外，图像标记<img/ >中的属性title可以用于设置鼠标悬停时图像的提示文字。

4、 相对路径和绝对路径

路径在实际工作中的应用方式，通常新建一个文件夹专门用于存放图像文件，这时再插入图像，就需要采用“路径”的方式来指定图像文件的位置，在通过设置“路径”来帮助浏览器找到图像文件。

相对路径 相对路径不带有盘符，通常是以HTML网页文件为起点，通过层级关系描述目标图像的位置。

绝对路径 绝对路径一般是指带有盘符的路径，例如完整的网络地址 “http://www.itcast.cn/images/logo.gif”。

注：相对路径与绝对路径要区分开来，网页制作中会经常用到。