很多东西都可以是超链接
<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