• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >CSS > web标准教程,帮你走进web标准设计的世界 第二讲

web标准教程,帮你走进web标准设计的世界 第二讲

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含web标准等相关知识,佚名 希望在学习及工作中可以帮助到您
上一讲我主要讲解了一下网页的基本结构与网页主体部分的基本结构,以及常用的html标签。

非常感谢网友对我的大力支持,谢谢你们给我的鼓励!

我继续上一讲:又开始实战了,代码敲起来!

So easy !

标签4:img

使用指数:****

功能:导入图片

类型:内联元素

常用属性:id,class,title

特别属性:1.src:导入图片总要知道图片在哪不是,src就解决这个问题。他的值就是图片存放的路径啦。

      2.alt:与title功能类似,都是提示功能,我们知道有的时候一个网页的图片不一定及时(或者就是不能成功)加载,那么为了给用户一个友好的说明,故用此属性

例子:1.在E盘新建两个文件夹,命名为html,和images。在html文件夹中建一个html文件命名为:index.html,复制一张你比较喜欢的图片到images文件夹中(例如images.jpg),ok,代码开始了:

index.html:

So easy ! 

插播广告:../images/images.jpg:..代表返回到上一级文件,什么意思呢,我们的目的是找到html文件夹外面的images文件夹中的images.jpg文件,那我们就一步一步的进行,首先从html文件夹跳出来(..),这是我们已经指向E盘了,然后找E盘中的images文件夹(/images);最后找到文件(/ images.jpg);光听我讲是不行的,要多实践哦!

当然img标签还有两个常用属性width和height,分别来限制显示图片的宽度和高度;默认为图片的实际尺寸,不妨试试这段代码,你就明白啦:

感兴趣的可以提前去看看他们的list-style属性,你会觉得很有意思,这里就不介绍了,这部分还是在讲

您可能想查找下面的文章:

相关文章

  • 2017-08-06全面剖析CSS Position定位
  • 2017-08-21scss 数学运算,加减乘除运算
  • 2017-08-06前端隐藏出边界内容的实现方法
  • 2017-08-06浮动从何而来 我们为何要清除浮动 清除浮动的原理是什么
  • 2017-08-06CSS3旋转——彩色扇子兼容firefox浏览器
  • 2017-08-06用hover配合(纯css)position实现网页动态展示效果
  • 2017-08-06css3中单位px,em,rem,vh,vw,vmin,vmax的区别及浏览器支持情况
  • 2017-08-06让footer始终位于页面的最底部不随滚动而滚动
  • 2017-08-06一款利用纯css3实现的win8加载动画的实例分析
  • 2017-08-06css实现背景渐变与底部固定的蓝天白云示例

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • CSS学习总结
    • ie placeholder属性的兼容性问题解决方法
    • Web设计中的黄金分割分析
    • css Sub-Pixel Bug?!
    • 网页设计技巧:网站的首页设计对于能观众的影响
    • 网页引入css样式的几种方法
    • css vertical-align属性的一些理解与认识(一)
    • 将样式表放在页面顶部
    • 怎样使div中的文字在div的底部显示实现样式
    • 相对、绝对和固定定位的比较

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有