Java Web的超链接与图片标记

Java Web初学者指南
本文为Java Web新手提供实用指导,介绍了HTML中的超链接与图片标记语法及使用方法,并通过实例展示如何创建简单的网页布局。

<table width="409"height="523"border="1"align="center">
 <tr>
	<td width="199"height="208">
	<img src="images/kobe.jpg"/>
	</td>
	<td width="194">
	<img src="images/kobe.jpg">
	</td>
 </tr>
 <tr>
  <td height="35"align="center"valign="middle"><a href="gu.html">查看详情</a></td>
  <td align="center"valign="middle"><a href="gu.html">查看详情</a></td>
 </tr>
 <tr>
  <td height="227"><img src="images/kobe.jpg"/></td>
  <td><img src="images/kobe.jpg"></td>
 </tr>
 <tr>
  <td height="35"align="center"valign="middle"><a href="gu.html">查看详情</a></td>
  <td align="center"valign="middle"><a href="gu.html">查看详情</a></td>
 </tr>
<table>

最近在学习Java Web,才刚刚开始,所以想做一些关于这方面的笔记,希望能够对学习Java Web的新手有所帮助,如果有什么不对的地方,请指正

HTML有很多标记,在这里向大家介绍超链接标记与图片标记。

1 超链接标记

  超链接标记是页面中非常重要的元素,在网站中实现从一个页面跳转到另一个界面,这个功能是通过超链接标记完成的,语法格式如下:

<a href=""></a>

其中href用来设定链接到那个页面

2图片标记

大家在浏览网站的时候经常会看到各式各样的图片,在页面中添加图片是通过<img>标记实现的,<img>标记的语法格式如下:

<img src="uri"width="value"height="value"border="value"alt="提示文字">

<img>标记的属性如下:

    src:用于指定图片的来源

  width:用于指定图片的宽度

height:用于指定图片的高度

border:用于指定图片外边框的宽度,默认值为0

alt:用于指定当图片无法显示时显示的文字

最上面是我应用超连接和图片标记做的一个小界面的代码。效果如下所示:

点开查看详情出现的连接界面为:

注意:连接界面要自己提前编写好并放在同一路径下,否则不能产生连接,所用到的图片都要存在images的文件夹内并放在同一路径下即可。



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值