Javaweb 图片标签、链接标签

最新推荐文章于 2024-08-09 01:14:41 发布

原创最新推荐文章于 2024-08-09 01:14:41 发布 · 1.2k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#JavaWeb

javaweb 专栏收录该内容

10 篇文章

订阅专栏

本文详细介绍了Javaweb中图片标签(img)的使用方法，包括src、width、height、border、alt/title属性的作用及设置，以及图片格式的说明。同时，深入探讨了超链接(a)标签的基本语法，包括href、target、name属性的功能和用法，特别是针对不同场景的链接打开方式(target属性值)进行了详尽解析。

Javaweb 图片标签、链接标签

一、图像标记

1、使用方法

<img src="路径/文件名.图片格式（本地/网络）" 
width="属性值（宽度设置，像素/80%）" 
length="属性值（高度设置，像素/50%）" 
border="属性值（图片边框）" 
alt/title="属性值（提示/鼠标移动）">
***src作用：
（1）、当下·网页的图片被加载完成后，鼠标移动上去，会显示这个图片的属性文字
（2）、如果图像没有下载(加载失败)，会用文字来代替图像显示
（3）、搜索引擎可以通过这个属性的文字来抓取图片-------了解
2、<img>标记的属性
图片格式：jpg、jpeg、png、gif

二、超链接

<br>
<h1>超链接</h1>
<a href="http://www.baidu.com">百度</a><br/>
<a href="http://www.csdn.com">优快云</a><br/>
<a href="test01.tml">风景</a> <!-------在同一个文件夹下----------->
<a href="test01.tml" width="50%/500" length="50%/500">
<a href="test01.html"><img src="img/2.jpg"></a> <!-------图片超链接----->

1、基本语法

<a heref="" target="打开方式" name="页面锚点名臣">链接文字或者图片</a>

2、属性

（1）herf属性：链接的地址，链接的地址可以是一个网页，也可以是一个视频，图片，音乐等；
（2）target属性：
	 	 a、作用：
	定义超链接的打开方式
		b、属性值：
			1）_blank:在新窗口打开链接
					<a href="test01.tml"  target="_blank">风景</a>
			2）_self(默认值)：在当前窗口打开链接
					<a href="test01.tml"  target="_self">风景</a>
			3）_parent：在父窗口中打开页面（框架中使用较多）
					<a href="test01.tml"  target="_parent">风景</a>
			4）_top：在顶层窗口中打开文件（框架中使用较多） 
					<a href="test01.tml"  target="_top">风景</a>
（3）name属性：
指定页面的锚点名称 //跳转

代码块

<h1>小说</h1>
<hr/>
<a hredf="#test1">第一章（小说）</a><br/>
<a hredf="#test2">第二章（小说）</a><br/>

<hr/>
<a name="test1">第一章（小说）</a><br/>
<pre>
.......
</pre>

<a name="test2">第二章（小说）</a><br/>
<pre>
.......
</pre>

s/