5、图像标记(主要内容<img>标记)


<img>标记的使用方法

<img src="路径/文件名.图片格式" width="属性值" height="属性值" border="属性值" alt="属性值">


<img>标记的属性

src属性

作用

  指定我们要加载的图片的路径和图片的名称以及图片格式

width属性

作用

  指定图片的宽度,单位px、em、cm、mm

height属性

作用

  指定图片的高度,单位px、em、cm、mm

border属性

作用

  指定图标的边框宽度,单位px、em、cm、mm

alt属性

作用1

  当网页上的图片被加载完成后,鼠标移动到上面去,会显示这个图片指定的属性文字

作用2

  如果图像没有下载或者加载失败,会用文字来代替图像显示

作用3

  搜索引擎可以通过这个属性的文字来抓取图片

注释:

注释:alt 属性的值是一个最多可以包含 1024 个字符的字符串,其中包括空格和标点。这个字符串必须包含在引号中。这段 alt 文本中可以包含对特殊字符的实体引用,但它不允许包含其他类别的标记,尤其是不允许有任何样式标签。

注释:当用户把鼠标移动到 img 元素上时,Internet Explorer 会显示出 alt 属性的值。这种行为并不正确。所有其他的浏览器正在向规范靠拢,只要当图像无法显示时,才会显示出替代文本。

提示:如果需要为图像创建工具提示,请使用 title 属性。


注意事项

1、<img>为单标记,不需要使用</img>闭合

2.在加载图像文件的时候,文件的路径或者文件名文件格式错误,将无法加载图片


6、超链接的使用(主要内容<a>标记)


基本语法

<a href="" target="打开方式" name="页面锚点名称" >链接文字或者图片</a>


属性

href属性

链接的地址,链接的地址可以是一个网页,也可以是一个视频、图片、音乐等等

target属性

(1)作用

  定义超链接的打开方式

(2)属性值

  _blank:在一个新的窗口中打开链接

  _seif(默认值):在当前窗口中打开链接

  _parent:在父窗口中打开页面(框架中使用较多)

  _top:在顶层窗口中打开文件(框架中使用较多)

(3)name属性

  指定页面的锚点名称

最新文章

  1. Vuforia Android 6 Camera Error
  2. 一个View的子类实例化
  3. Magcodes.WeiChat——自定义CustomCreationConverter之实现微信自定义菜单的序列化
  4. 周末web前端练习
  5. VBS操作Excel常见方法
  6. 【IOS笔记】Windows
  7. iOS设置某个界面强制横屏,进入就横屏
  8. Ubuntu_wifi&pppoe
  9. Objective-C 【多个对象内存管理(野指针&amp;内存泄漏)】
  10. torch7在mac上的安装
  11. Resharper中注释代码的快捷键
  12. 递推,大数存储E - Order Count
  13. MongoDB一般安装
  14. Struts2文件下载中文名乱码
  15. phpstudy APACHE支持.htaccess以及 No input file specified解决方案
  16. Session&amp;&amp;cookie
  17. Scala集合(一)
  18. HDU 2511 汉诺塔X
  19. windows下maven的安装
  20. CentOS修改locale解决调用API乱码问题

热门文章

  1. Struts2报错org.apache.jasper.JasperException: Invalid directive原因
  2. 【JAVA零基础入门系列】Day7 Java输入与输出
  3. Elasticsearch布尔查询——bool
  4. Struts2学习笔记整理(四)
  5. TCP/IP的那些事--子网掩码
  6. Hibernate学习---单表查询
  7. 前端开发必备之MDN文档
  8. Tableau Desktop 10.4.2 的安装和激活
  9. PipeHttp 测试工具使用
  10. [Mean of range in array]