一.<a>
标签
定义:
<a>
标签定义超链接,用于从一张页面链接到另一张页面
属性:
-
href:元素最重要的属性是 href 属性,它指示链接的目标。值为URL
例:<a href="https://bbs.excellence-girls.org/">卓越女生BBS</a>
上边的代码我们会看到如下的效果:
<a href="https://bbs.excellence-girls.org/">卓越女生BBS</a> - download:规定要下载的超链接目标,值为filename
例:<a href="/i/w3school_logo_white.gif" download="w3logo"> <img border="0" src="/i/w3school_logo_white.gif" alt="W3School"> </a>
- target:规定在何处打开链接文档。
- _blank:在新窗口中打开被链接文档。
- _parent:在父框架集中打开被链接文档。
- _self:默认。在相同的框架中打开被链接文档。
- _top:在整个窗口中打开被链接文档。
- framename:在指定的框架中打开被链接文档。
- 语法:
<a target="value">
二. <img>
标签
定义:
<img>
可向网页中嵌入一张图像
- 注意:请注意,从技术上讲,
<img>
标签并不会在网页中插入图像,而是从网页上链接图像。<img>
标签创建的是被引用图像的占位空间。
属性:
- 必需属性
src(必需属性):值为URL,规定所要显示图像的URL
alt(必需属性):值为text,规定代替图像的文本
-
可选属性(常用):
- height:定义图像高度(pixels%)
- width:定义图像宽度 (pixels%)
- align:规定如何根据周围文本来排列图像(top,bottom,middle,left,right)
- border:定义图像周围的边框(pixels)
语法:
例:
<img src="https://www.google.com/http%3A%2F%2Fwww.sanhe.es%2F_mz%2Feditor%2Fattached%2Fimage%2F20141209%2F20141209223126_34300.jpg" alt = "古罗马" width = "50" height = "50" border = "1"/>