当前位置: 首页 > news >正文

珠宝网站建设平台分析报告地推平台去哪里找

珠宝网站建设平台分析报告,地推平台去哪里找,阿里云租的域名怎么做网站,云南网站建设天度1、图片标签<img> &#xff08;1&#xff09;图片标签属性 [src]&#xff1a;用于指定这个图片所在的路径&#xff0c;常使用相对路径&#xff0c;比较少使用绝对路劲。如果图片路径有错误的话&#xff0c;就会发生图片显示错误[alt]&#xff1a;用于指定图片的提示文字…

1、图片标签<img>

(1)图片标签属性

  • [src]:用于指定这个图片所在的路径,常使用相对路径,比较少使用绝对路劲。如果图片路径有错误的话,就会发生图片显示错误
  • [alt]:用于指定图片的提示文字,这个描述文字是给收索引擎看的,当图片无法显示时,就会显示这个属性的文字
  • [title]:用于指定图片的提示文字,这个描述文字是给用户看的,当鼠标指针移动到图片上时,会显示这个属性的文字
<!DOCTYPE html>
<html><head><meta charset="utf-8"/><title>网页标题</title></head><body><img src="D:\limou_picture\bd90a92f3ac21ba8-1650856738514.png" alt="阿鸠" title="阿鸠和她的小伙伴" /></body>
</html>

在这里插入图片描述

(2)图片格式

图片格式一般有两种:像素图(位图)、矢量图(向量图)

  • 像素图:由像素点构成,无论是放大还是缩小都会有一定程度的失真
    • .jpg格式,很好处理大面积色调的图片,适合存储颜色丰富的复杂图片,例如照片、高清图片。但是一般体积较大,并且不支持保存透明背景
    • .png格式,是一种无损格式,可以无损压缩以保证页面打开速度。此外png体积小,并且支持保存透明背景,不过不适合存储颜色丰富的图片
    • .gif格式,图片效果最差,但是适合制作动画。在qq和微信发的表情包大都是gif格式的
    • 对于像素图一般采用Photoshop软件处理
  • 矢量图:是一种通过数学描述的方式来记录内容的图片格式,优点是图片可以任意放大缩小或旋转,不会有失真,缺点是难以表现色彩丰富的图片
    • 常见格式有,.ai、.cdr、.fh、.swf,其中“.swf”格式是最常用的
    • 对于矢量图一般采用illustrator、CorelDRAW软件处理

2、超链接标签<a>

(1)外部链接:跳转到其他外部网站

①文字超链接

②图片超链接

<!DOCTYPE html>
<html><head><meta charset="utf-8"/><title>网页标题</title></head><body><a href="https://www.baidu.com">一个百度的链接</a><a href="https://bilibili.com"><img src="D:\limou_picture\WEB\按钮-赞_o.png" alt="bilibili" title="bilibili网站"/></a></body>
</html>

在这里插入图片描述

③[target]属性

默认情况下,超链接都是在当前浏览器窗口打开新窗口,不过可以使用target属性改变这一默认
在这里插入图片描述
一般情况下只会用“_blank”这一个值就行

<!DOCTYPE html>
<html><head><meta charset="utf-8"/><title>网页标题</title></head><body><a href="https://www.baidu.com">一个百度的链接</a><a href="https://bilibili.com" target="_blank"><img src="D:\limou_picture\WEB\按钮-赞_o.png" alt="bilibili" title="bilibili网站"/></a></body>
</html>

在这里插入图片描述

(2)内部链接:指向内部链接指向“自身网站的页面”

①我们尝试把之前做的html文档链接进去,先建一个文件夹

在这里插入图片描述

<!DOCTYPE html>
<html><head><meta charset="utf-8"/><title>网页标题</title></head><body><a href="https://www.baidu.com">一个百度的链接</a><a href="https://bilibili.com" target="_blank"><img src="D:\limou_picture\WEB\按钮-赞_o.png" alt="bilibili" title="bilibili网站"/></a><br/><a href="website\my_web_2023_2_28.html" target="_blank">跳转页面1</a><br/><a href="website\my_web_2023_3_1.html" target="_blank">跳转页面2</a><br/><a href="my_web_2023_3_2.html" target="_blank">跳转页面3</a><br/></body>
</html>

在这里插入图片描述

②锚点链接主要是为了跳转到当前网页的某处,其实也算内部链接的一种

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>网页标题</title></head><body><div><a href="#article">推荐文章</a><br/><a href="#music">推荐音乐</a><br/><a href="#movie">推荐电影</a><br/></div><p>……</p><p>……</p><p>……</p><p>……</p><p>……</p><p>……</p><p>……</p><p>……</p><div id="article"><h3>推荐文章</h3><ul><li>计算机网络基础</li><li>深入浅出Java</li><li>C primer puls</li></ul></div><p>……</p><p>……</p><p>……</p><p>……</p><p>……</p><p>……</p><p>……</p><p>……</p><div id="music"><h3>推荐音乐</h3><ul><li>Ether Strike (以太打击)('Divine Mercy' Extended)</li><li>K-forest、Seiya komori - Break Over</li><li>World.Execute (Me) ;</li></ul></div><p>……</p><p>……</p><p>……</p><p>……</p><p>……</p><p>……</p><p>……</p><p>……</p><div id="movie"><h3>推荐电影</h3><ul><li>游戏人生-零</li><li>天气之子</li><li>夏日幻魂</li></ul></div><p>……</p><p>……</p><p>……</p><p>……</p><p>……</p><p>……</p><p>……</p><p>……</p></body>
</html>

在这里插入图片描述

点击“推荐文章”、“推荐音乐”、“推荐电影”三个文字,就可以跳转到下面的文字
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

http://www.hkea.cn/news/567732/

相关文章:

  • wordpress 在线pdf优化关键词的正确方法
  • 网站悬浮窗口网站关键词全国各地的排名情况
  • 做网站得叫什么优化关键词排名
  • 丰县住房与城乡建设部网站太原网站制作优化seo公司
  • 微信如何做微商城网站建设手机网站智能建站
  • 网站尾部分页数字怎么做推广app大全
  • 建筑设计软件有哪些优化网站建设
  • 网站开发 word文件预览医疗器械龙头股
  • 电子商务网站建设花费南宁百度seo排名价格
  • 做公司网站要注意哪些问题真正免费建站网站
  • 在线服务器代理杭州seo网络公司
  • wordpress邮件订阅seo技术外包
  • 深圳营销网站建站公司搜索引擎关键词的工具
  • 做网站如何网站考虑优化游戏推广员是诈骗吗
  • 公众号做视频网站吗关键词排名怎么做上首页
  • 重庆做网站价格优化软件下载
  • 如何做网站镜像今日最火的新闻
  • 水果网站开发所需的成本市场营销实际案例
  • 无锡市新吴区住房和建设交通局网站西安百度关键词包年
  • 网站平台方案设计seo上首页
  • 郑州做网站的联系方式搜狗友链交换
  • 一般建设一个网站多少钱怎么接广告赚钱
  • 计算机专业网站开发方向销售推广方案
  • 上海网站建设公司排名西安百度公司
  • 中国网网址是多少网站推广优化教程
  • 关于加强机关网站建设运营培训
  • dw做的网站怎么让别人看到如何建立一个网站
  • 保险网站建设优缺点seo代码优化步骤
  • 如何快速建网站百度电脑版入口
  • 山东省建设工程信息网站最近最新的新闻