语法结构:<a href=url">Link Text</a>
注意: "链接文本" 不必一定是文字,图片或其他 HTM 元素也可以成为链接。
2、name 属性:规定锚的名称,用于创建文档内的书签(锚)
语法结构如下。
命名锚:<a name="tip"> 基本的注意事项 - 有用的提示 </a>
在同一个文档中创建指向该锚的链接:<a href="#tip"> 有用的提示 </a>。点击该处 "有用的提示" 这句话,页面会跳转到之前命名的锚(书签)那。
在其他页面中创建指向该锚的链接:<a href="url#tip"> 有用的提示 </a>。url 为该锚所在页面的网址,把 #符号和锚名添加到 url 末端,就可以链接到 tip 这个命名锚了。
3、target 属性:定义被链接的文档在何处显示。
语法结构:<a href="url"target="_blank"></a>
"_bank" 表示在新窗口打开链接;如果链接内容被锁在框架中,"_top" 表示跳出该框架。
图像标签是空标签,只包含属性,没有结束标签。
1、定义图像:<img src="url">
src 为源属性,值是图像的 url 地址。如果名为 "boat.jif" 的图像位于 www.w3cschool.com.cn 的 images 目录中,那么其 url 为:www.w3cschool.com.cn/images/boat.jif
浏览器将图片显示在出现图像标签的地方。
2、设置背景图片:<body background="url">
3、排列图片:<img src="url"align="">
align 属性用来设置图像的对齐方式,其值包括:bottem、middle、top、left、right(图像浮动在文本右侧)。默认为 bottom。
4、调整图像尺寸:<img src="url"width="100"height="200">
通过改变 width 属性和 height 属性的值,可以调整图像大小。
5、制作图像链接:
- <a href="要指向的超链接地址">
- <img border="0" src="图片url地址">
- </p>
可以把图像作为超链接来使用。border 属性用来设置图像的边框。
6、为图像显示替换文本:<img src="url"alt=" 图片无法显示时的说明文字 ">
在浏览器无法载入图像时,alt 替换文本属性告诉读者们失去的信息。为页面上的图像都加上替换文本属性是个好习惯。
注:src 属性和 href 属性的区别。
总的来说,src 用于替换当前元素,href 用于在当前文档和引用资源之间建立联系。
src 是 source 的缩写,指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在位置;在请求 src 资源时会将其指向资源下载并应用到文档内。例如 js 脚本、img 图像和 frame 等元素。<script src="js.js"></script>
当浏览器解析到该元素时,会暂停其他资源的下载和处理,直到将该资源加载、编译、执行完毕。图片和框架元素与此类似。这就是为什么 js 脚本放在底部而不是头部。
href 是 Hypertext Reference 的缩写,指向网络资源所在位置,建立和当前元素(锚点)或当前文档(链接)之间的链接。
来源: http://www.bubuko.com/infodetail-1994083.html