web前端开发零基础入门7

疯掉就疯掉吧

已于 2022-07-13 23:35:15 修改

阅读量388

点赞数 2

分类专栏： web前端开发文章标签：前端 javascript vscode HTML

于 2022-07-13 23:34:13 首次发布

本文链接：https://blog.csdn.net/qq_62512326/article/details/125774826

版权

web前端开发专栏收录该内容

25 篇文章 3 订阅

订阅专栏

文章目录

一.关于插入图像

一.关于插入图像

常用的图像文件格式有 JPEG(.jp 或＊ jpeg) PNG( .png GIF (* gif) MP( *.bmp)等。
在网页中使用图像可以使容表现形式更加丰富，能给浏览者带来强烈的视觉冲击，增加网
吸引力
GIF 支持无损压缩，最多支持 256 色，分为静态 GIF 和动态 GIF;BMP 可以存储单色、 16
色、 256 色、 16 位真彩色和 32 位增强型真彩色图像数据；JPEG 采用有损压缩的方式，用最少的
磁盘空间保存较好品质的图像文件； PN 支持无损压缩支持透明效果，最高支持位真彩色
图像和位灰度图像，不支持动画。

1.图像标记

图像标记
语法：＜img src=“ 图像文件的地址’>
说明：＜img> 标记中的 src 属性是必不少的，用于设置图像文件路径这个路径可以
相对路径，也可以是绝对路径关千路径的概念，请参见下一个任务
例如，在网页中插入图像 timg.jpg ，图像与网页存储在同目录下，则相应的代码为：
<img src= ti timg.jpg t">

2.设置图像的代替文本

语法：＜img src= 像文件的地址’alt= ＂替代文本＇＞
说明：

alt 属性用指定在图像无法显示或用户禁用图像显示时的替代文本，作为一种补救措
施，替代文本将代替图像显示在浏览器窗口中＂替代文本”是能描述图像的简语句，可以
是英文或中文
alt 属性值可以为空值，例如：＜img src= ti timg.jpg " alt= ＂">，注意引号中间没有空格。

提示1

在这里插入图片描述

3.设置图像的高度与宽度

语法：＜img src= 图像文件的地址’width= ＂宽度"height=“高度＇＞
说明： width 指定图像的宽度，height 指定图像的高度，单位都为像素可以同时设置 width
属性和 height 属性；若只设置其中一个属性，则图像按比例缩放；这两个属性都未设置时，图
像按原大小显示在浏览器窗口中。

前文有的表格博客

http://t.csdn.cn/SxQEE

代码

<html><head><title> 首页 </titl ><lhead>
<body> 
<table border=l width= 1180011 height= 11 600 11 cellpadding= 11 3 11 > 
<tr> 
<td colspan= 11 2"> 公司 logo</td>
<td>&nbsp; 首＆nbsp; 页＜／td>
<td> 关于公司 </td>
<td> 产品介绍 </td>
<!tr> 
<tr> 
<td colspan= 11 5"> 图片区 </td>
</tr> 
<tr> 
<td colspan=" 2" ＞公司简介 </td>
<td colspan= " 2"> 产品中心 </td>
<td> 联系我们 </td>
</tr> 
</table> 
</body> 
</html> 
<td colspan= 11 2 11 align= ti center ti> 产品中心 </td>
<td align= " center"> 联系我们 </td>
</tr> 
<tr> 
<td cols pan= ti 2 ti rows pan= ti 2 "width= 180>&nbsp; &nbsp; &nbsp; &nbsp; 昂森公司是一家
创业型科技企业，我们拥有一支年轻化、专业化的产品运营、市场销售团队，公司致力于成为
专业的 IT 产业互联网服务商，提供多元化的 互联网＋＂服务 我们的品牌精神是：锐意进
无惧挑战 我们坚信：只有合作伙伴，没有竞争对手 </td>
<td colspan= 11 2 11 rowspan= 11 2 11 > 
<img src= 11 comp.jpg II alt= 11 computer II width= 130> 
<img src= 11 ipad.jpg II alt= 11 ipad II width=150> 
<img src= 11 kindle.jpg II alt= 11 kindle II width=120> 
<ltd> 
<td align= " center" ＞留言区 </td>
<ltr> 
<tr> 
<td align= " center" ＞给我们 </td>
<ltr> 
</table> 
</body> 
</html>