///html/css-html-链接和图像-1~11

很多东西都可以是超链接

<a href="  .html">这是链接</a>  作用从当前html页面跳转到指定页面

  href 指定跳转页面的路径

<a href=" http://www.baidu.com">这是链接</a>  作用从当前html页面跳转到指定页面

第一个是相对路径,第二个是绝对路径,不会变化

相对路径可以变成绝对路径,打开后的http://

怎么选择

http://   localhost:                                                  63342   /code/   lj.html

网络协议  IP地址(每台电脑独有,IPV4 IPV6) 端口号    路径     文件名称 

http://www.baidu.com

虚拟地址(域名):对应的IP地址,并不是没有端口号,为80(允许忽略)

属性  :1.target 打开方式

<a target=“_blank”  href="  .html">这是链接</a>

1._self 当前页面打开  _blank 表示在新窗口/便签打开链接 

   _top顶级  _parent父级窗口打开,这俩是窗口时期的问题,最大窗口和上一个窗口,IE6之前用的

2.mailto 实现email链接效果   配合有邮箱的软件的电脑

   配合href属性写的,是以mail2开头的

 <a  href="mailTo:xxxx.qq.com">这是链接</a>  

3-6

图像img 空集

属性

1.src  设置引入指定图片的路径

2.alt  不显示图片时的文字提示

改变图片显示的大小

1.元素属性  width height < img  width= height= src=" .jpg" alt="">  可以只设置高/宽,不会变形

2.css属性   width height  <style> 建议用这个

但是 图片和页面相对独立加载,属于html页面外部资源,太多会加载慢--解决方式??

图片背景background-image

<style>

body{

background-image:url(" .img");

}

引入背景图像,1.如果引入的图片比较大,大于当前页面区,显示不完整2.图片小于当前页面,会重复显示至铺满整个页面

解决方法:1.制作和页面完全一致的背景,但是页面大小也会变的 2.?

和图片的区别,右键不一样;图像元素可被包裹在a标签

设置背景图像(style url下面写)

效果怎么变好

1.平铺方式:

background-repeat: no-repaet/repeat/repeata-x/repeat-y/  space(尽可能重复,不剪切,会有空白,默认水平方向)/round(会拉伸,可设置 height width,不会有显示一般的情况)

background-position:top/center/bottom      /right/center/left/ 分垂直和水平,只写一个表示水平和垂直方向一致

                                  50px  100px; 水平 垂直,负的也可以

                                  50%  50%;

background-size: 40px 50px; 宽 高

背景图像关联

attachment:fixed;

属性

写到一起

6~7

6-7

猜你喜欢

转载自blog.csdn.net/qq_21740193/article/details/83475036