HTML连接
通过使用< a>在HTML文档中定义链接。
两种使用< a>标签的方式:
- 通过使用href,创建指向另一个文档的链接
- 通过使用name,创建文档内的书签
<a href="http://www.baidu.com">link text</a>
<a href="http://www.baidu.com">link text</a>
HTML链接-target属性
使用target属性,可以定义你的链接文档在哪里显示
<a href="http://www.baidu.com/" target="_blank">This is a link</a>
HTML链接-name属性标签
name属性规定锚的名称
<a name="label">锚(显示在页面上的文本)</a>
现在来一个做书签的实例:
1、首先在HTML文档中对锚进行定义(创建一个书签)
<a name="tips">基本注意事项-有用的提示</a>
<a name="tips">基本注意事项-有用的提示</a>
2、然后,在同一个HTML文档中创建指向该锚的链接:
<a href="#tips">有用的提示</a>
<a href="#tips">有用的提示</a>
3、也可以在其他页码创建指向该锚点的链接:
<a href="http://www.jianshu.com/p/fffd618b1a25/#tips">有用的提示</a>
<a href="http://www.jianshu.com/p/fffd618b1a25/#tips">有用的提示</a>
HTML图像
图像标签< img>和源属性< src>
<br />在HTML中图像由< img>标签定义,< img>标签是空标签,没有闭合标签。< src>指的是"source",源属性的值是图片的URL。
定义图像的语法:
<img src="http://pic.nipic.com/2007-11-09/2007119122519868_2.jpg" />
<img src="http://pic.nipic.com/2007-11-09/2007119122519868_2.jpg" width="100" height="100">
浏览器会将图片存储在img标签出现的位置出现。
<br >
替换文本属性(Alt)
alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。
<img src="YY.jpg" alt="This is a .jpg" >
<img src="http[://YY.gif" alt="This is a .gif" >
在浏览器无法载入图像时,替换文本属性告诉读者她们失去的信息。
<br >
HTML背景图片
<html>
<body background="http://pic1.nipic.com/2008-09-08/200898163242920_2.jpg">
<h3>图像背景</h3>
<p>gif 和 jpg 文件均可用作 HTML 背景。</p>
<p>如果图像小于页面,图像会进行重复。</p>
</body>
</html>
文字中排列的图像
<html>
<body>
<h2>未设置对齐方式的图像:</h2>
<p>图像 <img src ="/i/eg_cute.gif"> 在文本中</p>
<h2>已设置对齐方式的图像:</h2>
<p>图像 <img src="/i/eg_cute.gif" align="bottom"> 在文本中</p>
<p>图像 <img src ="/i/eg_cute.gif" align="middle"> 在文本中</p>
<p>图像 <img src ="/i/eg_cute.gif" align="top"> 在文本中</p>
<p>请注意,bottom 对齐方式是默认的对齐方式。</p>
</body>
</html>