当前位置: 首页 > 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/230516/

相关文章:

  • 看房地产的app在哪看aso安卓优化
  • 网站与域名的区别扬州整站seo
  • 哪些网站可以进行域名注册公司关键词seo
  • 如何申请一个网站 做视频百度小说搜索热度排行榜
  • 天津做网站选择津坤科技b重庆seo教程搜索引擎优化
  • 什么网站做热能表好百度一下电脑版首页网址
  • 点击图片直接进入网站怎么做如何使用免费b站推广网站
  • 手机网站建设软件怎么在百度上做广告推广
  • 南京做网站团队手机app免费制作平台
  • 17173游戏网搜索优化指的是什么
  • 公司做网站需要给百度交钱吗百度竞价推广方案
  • 网站建设的关键seo推广小分享
  • 写小说的小网站百度关键词排名优化
  • 制作网站的成本规划公司如何建立网站
  • html语言做网站石嘴山网站seo
  • 做最好的言情网站官网seo优化
  • 云南建设监理协会网站营销失败案例分析
  • 怎么样做淘宝优惠券网站搜索引擎营销的优缺点
  • wordpress动态订单seo社区
  • 网站域没到期不能续费吗google谷歌搜索
  • 厦门好的做网站公司网络营销推广方式都有哪些
  • 重庆市建设工程信息官网站自己做网站的流程
  • 网站建设公司怎么做网络营销网站推广
  • 360应用商店seo服务套餐
  • 废橡胶网站建设个人博客网页设计
  • 什么网站做一手项目好域名查询官网
  • 做日用品的要找什么网站好站长工具端口检测
  • 贵州软件开发 网站开发手机版百度一下
  • 企业网站建立答辩问题百度怎么发布广告
  • 温州快建网站地推拉新接单网