电器网站建设目的,网站关键词设几个,如何做网络营销推广,阳江网站设计公司1、图片标签img
#xff08;1#xff09;图片标签属性
[src]#xff1a;用于指定这个图片所在的路径#xff0c;常使用相对路径#xff0c;比较少使用绝对路劲。如果图片路径有错误的话#xff0c;就会发生图片显示错误[alt]#xff1a;用于指定图片的提示文字…1、图片标签img
1图片标签属性
[src]用于指定这个图片所在的路径常使用相对路径比较少使用绝对路劲。如果图片路径有错误的话就会发生图片显示错误[alt]用于指定图片的提示文字这个描述文字是给收索引擎看的当图片无法显示时就会显示这个属性的文字[title]用于指定图片的提示文字这个描述文字是给用户看的当鼠标指针移动到图片上时会显示这个属性的文字
!DOCTYPE html
htmlheadmeta charsetutf-8/title网页标题/title/headbodyimg srcD:\limou_picture\bd90a92f3ac21ba8-1650856738514.png alt阿鸠 title阿鸠和她的小伙伴 //body
/html2图片格式
图片格式一般有两种像素图位图、矢量图向量图
像素图由像素点构成无论是放大还是缩小都会有一定程度的失真 .jpg格式很好处理大面积色调的图片适合存储颜色丰富的复杂图片例如照片、高清图片。但是一般体积较大并且不支持保存透明背景.png格式是一种无损格式可以无损压缩以保证页面打开速度。此外png体积小并且支持保存透明背景不过不适合存储颜色丰富的图片.gif格式图片效果最差但是适合制作动画。在qq和微信发的表情包大都是gif格式的对于像素图一般采用Photoshop软件处理 矢量图是一种通过数学描述的方式来记录内容的图片格式优点是图片可以任意放大缩小或旋转不会有失真缺点是难以表现色彩丰富的图片 常见格式有.ai、.cdr、.fh、.swf其中“.swf”格式是最常用的对于矢量图一般采用illustrator、CorelDRAW软件处理
2、超链接标签a
1外部链接跳转到其他外部网站
①文字超链接
②图片超链接
!DOCTYPE html
htmlheadmeta charsetutf-8/title网页标题/title/headbodya hrefhttps://www.baidu.com一个百度的链接/aa hrefhttps://bilibili.comimg srcD:\limou_picture\WEB\按钮-赞_o.png altbilibili titlebilibili网站//a/body
/html③[target]属性
默认情况下超链接都是在当前浏览器窗口打开新窗口不过可以使用target属性改变这一默认 一般情况下只会用“_blank”这一个值就行
!DOCTYPE html
htmlheadmeta charsetutf-8/title网页标题/title/headbodya hrefhttps://www.baidu.com一个百度的链接/aa hrefhttps://bilibili.com target_blankimg srcD:\limou_picture\WEB\按钮-赞_o.png altbilibili titlebilibili网站//a/body
/html2内部链接指向内部链接指向“自身网站的页面”
①我们尝试把之前做的html文档链接进去先建一个文件夹 !DOCTYPE html
htmlheadmeta charsetutf-8/title网页标题/title/headbodya hrefhttps://www.baidu.com一个百度的链接/aa hrefhttps://bilibili.com target_blankimg srcD:\limou_picture\WEB\按钮-赞_o.png altbilibili titlebilibili网站//abr/a hrefwebsite\my_web_2023_2_28.html target_blank跳转页面1/abr/a hrefwebsite\my_web_2023_3_1.html target_blank跳转页面2/abr/a hrefmy_web_2023_3_2.html target_blank跳转页面3/abr//body
/html②锚点链接主要是为了跳转到当前网页的某处其实也算内部链接的一种
!DOCTYPE html
htmlheadmeta charsetutf-8title网页标题/title/headbodydiva href#article推荐文章/abr/a href#music推荐音乐/abr/a href#movie推荐电影/abr//divp……/pp……/pp……/pp……/pp……/pp……/pp……/pp……/pdiv idarticleh3推荐文章/h3ulli计算机网络基础/lili深入浅出Java/liliC primer puls/li/ul/divp……/pp……/pp……/pp……/pp……/pp……/pp……/pp……/pdiv idmusich3推荐音乐/h3ulliEther Strike (以太打击)(Divine Mercy Extended)/liliK-forest、Seiya komori - Break Over/liliWorld.Execute (Me) ;/li/ul/divp……/pp……/pp……/pp……/pp……/pp……/pp……/pp……/pdiv idmovieh3推荐电影/h3ulli游戏人生-零/lili天气之子/lili夏日幻魂/li/ul/divp……/pp……/pp……/pp……/pp……/pp……/pp……/pp……/p/body
/html点击“推荐文章”、“推荐音乐”、“推荐电影”三个文字就可以跳转到下面的文字