当前位置:首页 » 网站运营 » 正文

新人必看,HTML代码基本标签(二)

2016年05月18日 09:33:43  分类: 网站运营  参与: 367人  点这评论

水平线标签<hr />

<body>
       <h1>静夜思</h1>
       <hr /> 
       床前明月光<br />
       疑是地上霜<br />
       举头望明月<br />
       低头思故乡<br />

</body>

认识下,HTML代码基本标签(二)1

范围标签
       <body>
       <h1>静夜思</h1>
       <hr /> 
       床前明月光<br />
       疑是地上霜<br />
       举头望明月<br />
       <span style="color:red; font-size:40px;">低头思故乡</span><br />

</body>

认识下,HTML代码基本标签(二)2

设置红色、大号字突出显示
       常见图片格式介绍

JPG

优点:体积小,比较清晰

缺点:有损压缩 、画面失真
       GIF

优点:支持 Internet 标准 ,支持无损耗压缩和透明度,很流行
       缺点:支持有限的透明度,效果不如别的图像

BMP

优点:支持 24 位颜色深度,兼容性好

缺点:不支持压缩 ,容量大

PNG

优点:存储形式丰富,压缩比例高,显示速度快,支持透明图像
       缺点:新型格式,老浏览器有问题
       图像标签基本语法
       <img src="图片地址" alt="图像的替代文字" title="鼠标悬停提示文字"/>
       src:指定图片所在的路径

alt:指定的替代文本
       表示图像无法显示时(图片路径错误等)替代显示的文本

title:额外的提示或帮助信息

认识下,HTML代码基本标签(二)3

认识下,HTML代码基本标签(二)4

图像标签应用
       <body>
       <img src="joypad.jpg" alt="游戏手柄" title="游戏手柄" />游戏手柄超便宜!!
       <br />

<br />
       <img src="mp4.jpg" alt="音乐播放器" title="音乐播放器" />音乐播放器2折!!
       <br />

</body>

认识下,HTML代码基本标签(二)5

绝对路径
       文件在硬盘上的真正路径

从根目录到文件的完整路径

绝对路径为 http://www.benet.com/Monkey.jpg
       相对路径

源文件所在路径引起的与引用文件的路径关系

其他文件相对与自身文件的路径

./表示源文件当前目录,../表示源文件上一级目录

D:\Nature\AnimalExamples\index.html

D:\Nature\Bird.jpg

如果index.html页面中插入Bird.jpg图像
       相对路径为 ../Bird.jpg
       链接站点根目录内文件一般使用相对路径

链接网站根目录外文件一般使用绝对路径

src属性为 http://www.benet.com/image/img.jpg
       Flash文件的3种类型

Flash源文件格式
       扩展名为.fla
       只能在Flash程序中打开的文件格式

Flash影片文件

Flash程序中发布或导出的影片扩展名为.swf

Flash源文件压缩后的优化媒体格式

可插入到网页并上载到Web上,也可以直接浏览

Flash模板文件

扩展名为.swt
       用户可以用它修改和替换Flash影片中的信息
       使用Dreamweaver向页面插入Flash动画

“插入”→“媒体”→“SWF”

选择要插入的Flash动画
       填入标题

认识下,HTML代码基本标签(二)6

 

来源:章晓雷博客(微信/QQ号:894331553),转载请保留出处和链接!

本文链接:http://www.zxlblog.com/reed/43.html

本文标签:HTML代码  

章晓雷博客版权声明:

①凡注明来源的文章,版权均为本站独家所有,转载需注明“来源:章晓雷博客(www.zxlblog.com)”。

②本站注明其他来源的稿件,转载请注明原文来源地址。如若产生纠纷,本站不承担其法律责任。

③ 如本站转载稿件涉及版权等问题,请作者联系博主QQ894331553及时删除或者做相关处理。

<< 上一篇 下一篇 >>

  • 评论(1)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。
  • 1楼 洋洋洋博客 2016-05-18 15:52:02 回复
    路过学习学习 支持作者 支持原创 支持博主 请大家关注一下我 洋洋洋博客 谢谢

相关文章

最近更新

Tags

好文分享

热评文章

文章归档

博主空间 | 博主微博 | 原创投稿 | 侵权声明 | 网站地图

Copyright © 2015-2016 ZXLBLOG.COM 版权所有 京ICP备15052414号-1