2016.6.25-2016.7.1

写在前面：

　　第三次更新，讲一下关于链接外部资源的<a>标签，和CSS，下次讲一下CSS控制文本显示效果。

超文本链接

 1     <!--链接多媒体文件-->
 2     <a href="多媒体文件路径">多媒体文件</a>
 3     <!--添加多媒体文件标签-->
 4     <embed src="多媒体文件地址" width="播放界面宽度" height="播放界面的高度"></embed>
 5     <!--
 6        设置媒体文件自动运行：autostart="true/false"
 7        设置媒体文件的循环播放：loop="true/false"
 8        隐藏媒体播放界面：hidden=“true/false”
 9     -->
10     <embed sec="多媒体文件地址" width="播放器界面宽度" height="播放器界面的高度"></embed>
11     <!--除了AVI媒体文件外，网页还可以嵌入Flash，MPEG等文件类型de媒体文件-->
12     <!--动态文字-->
13     <!--滚动方向属性，up，down，left，righ-->
14     <marquee>滚动文字</marquee>
15     <marquee direction="up" ><center>滚动文字</center></marquee><!--控制标签内的文字，标签要写在里面-->
16     <marquee behavior="alternate" scrollmount="4" scrolldelay="10">滚动文字</marquee>
17     <!--背景音乐-->
18     <bgsound scr="1.mp3">
19     <!--图像格式：GIF，JPEG，PNG
20     GIF格式：多用于商标，新闻式得标题或导航条，按钮等
21     JPEG格式：不支持透明图和动态图。需要全彩模式保存JPEG是最好的选择
22     PNG格式：不太懂，好像比前两个NB
23     -->
24     <img src="imges">
25         <!--图像属性设置
26         图像描述文字：alt  当图片没有加载到浏览器上时，辉显示添加的描述文字，加载图像后，鼠标指针停留在图片上方时会显示描述文字
27         图像边框：border   为图像添加边框
28         图像大小  width，height
29         图像间距 hspace（水平） vspace（垂直） 设置图像与文字之间的水平间距和垂直间距
30         -->
31         <!--图像的对齐方式align
32         top：把图片的顶端和同行的最高部分对齐
33         middle：把图片的中部和行的中部对齐
34         bottom：把图片的低部和同行文本对齐
35         left:使图像和左边界对齐
36         right：使图像和右边界对齐
37         -->

CSS部分

将CSS应用到网页中

1.内嵌样式表：

　　<style type="text/css">...</style>(写在<head></head>中)

2.行内样式：混合在HTML标签里使用，只对所在的标签有效

　　<标签名 style="样式属性：取值；样式属性：取值；....">

3.连接外部样式表

4.导入外部样式表

　　<style type="text/css">@import url(样式表地址)</style>(在使用样式表前声明)

样式优先权：

　　行内样式优先于内嵌样式

　　内嵌样式优先于外部样式

　　ID选择器优先于类选择器

　　类选择器优先于标签选择器

　　样式表层叠时，后定义的样式优先于先定义的样式

一些概念的对比：

url和src的区别：

html中没有url这个标签或者属性，针对a和img标签，只有src属性。url通常指一个具体的web地址，而不是应用到html中。当然也有一些简化的html如ubb中用到url作为标签名字代替a

相对地址和绝对地址的区别：

相对地址：就是被链接文件相对与当前页面的地址；

绝对地址：就是文件在网络或本地的绝对位置；

一般情况下，尽量少用绝对地址；

HTML中绝对地址在网页制作中指带域名的文件的完整地址，如：www.163.com/img/photo.jpg

posted on 2016-07-01 17:20 jingsen_liu 阅读(126) 评论(0) 收藏举报