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