首页 > 代码库 > 学习标签属性3
学习标签属性3
img标签向网页中嵌入一幅图像，<img>标签有两个必须的属性：src和alt属性。
alt属性：如果无法显示图像，浏览器将显示替代文本。
src属性：它的值是图像文件的URL，也就是引用该图像的绝对路径或相对路径。
title属性：鼠标放置时显示的文字
width属性：设置图像的宽
height属性：设置图像的高
border属性：定义边
align属性：它有五个可选值 top、 bottom 、middle、left、right。它设置图像在文本中的位置。top是指以图像的头部去和文本对齐，bottom是底部也是默认，left和right分别是在文本的左右位置。（它必须以文本作参照物才显示出效果）
<!--qq里面有个截图软件可以大致显示你的图像像素多少，用px做单位> 例子如下：
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="utf-8">
<title></title>
</head>
<body>
<img src="http://www.mamicode.com/img/img.gif" alt="图片未显示" title="鼠标滑过时显示的文字" height="170px" width="100" border="1" align="left"/>
链接标签
<a>标签定义超链接，用于从一张页面链接到另一张页面。元素最重要的属性是href属性，他指示链接的URL地址。通常我们说的定义一个锚点就是a标签。比如我们有一张很长的页面，可以分成n个部分，并设置锚点，这样我们通过锚点就可以到达页面的相应位置。示例：
<body>
<soan>这是顶部</span>
<p>...</p>
<br /><br /><br /><br /><br /><br />
<a href="http://www.mamicode.com/#">回到顶部</a> （#代表页面最上部，图片也可以，可以嵌套）
</body>
a标签
target属性定义了链接以什么方式打开
_blank定义了链接在新的页面打开
块元素和行元素区别：
1 块元素独占一行，他可以设置宽和高，在未设置的情况下，块元素以浏览器的宽为宽
2 一行可防置多个行元素，不可以设置宽和高img除外，行元素一元素内容的宽和高为准
常见的行元素和块元素：
内联元素（块元素 inline element）
* a -锚点
* b -粗体
* em -强调
* font -字体设定（不推荐）
* i -斜体
* img -图片
* input -输入框
* label -提示标签
* select -列表选择
* small -小字体文本
* span -常用内联容器，定义文本内区块
* strong -粗体强调
* sub -下标
* sup -上标
* textare -多行文本输入框
* u -下划线
块元素（block element）
* address -地址
* div -常用块容器
* dl -定义列表
* form -交互表单
* h1-h6 —标题
* ol -有序列表
* p -段落
* pre -格式化文本
* table -表格
* ul -无序列表
学习标签属性3