`

第四章:图片标签

    博客分类:
  • html
阅读更多

 

一、如何在页面插入图片

  <img src="images/1.jpg" />

  src属性: 图片地址

 

二、常用图片格式

 

  .jpg 常用格式

  .gif 格式   小动画图片

  .png 透明图片

 

三、图片路径

 

  相对路径  (只关注当下)是从当前路径开始的路径

  路径符号:   /    

  ../返回上一程目录  

   ../../返加上一层的上一层目录  

   ./当前目录

  绝对路径

  1.是从盘符开始的路径

  F:\html_study\第四章:图片标签\images\1.gif

 

 2.从域名出发  http://su.bdimg.com/static/superplus/img/logo_white_ee663702.png

 

四、如何给图片加链接

 

  <a href=""><img src="images/2.jpg" /></a>

 

五、图片alt属性讲解

 

  <img src="images/2.jpg" alt="美女图片"  title="提示文字"/>

  SEO,alt的内容用来告诉搜索引擎这张图片的意思 我们通常搜索图片输入的关键字就是从alt中取得。

  alt 图片的含义,当图片不显示是,所显示的文字 / 提示文字

 

六、图片位置设置

 

  <img src="images/1.jpg" align="middle" />

  align属性:,设置图片的位置关系

  其属性可选值为:top,bottom,middle,right,left,absmiddle

  top 顶部     bottom 底部

  middle 中间   absmiddle  绝对中间

  left 距左      right   距右

 

JAVA技术交流群 532101200

分享到:
评论

相关推荐

    HTML第一章-基本标签

    在"HTML第一章-基本标签"中,我们将深入探讨这些基础元素,帮助你构建起对HTML语法的理解。 1. **HTML文档结构** 每个HTML文档都由以下基本结构组成: - `&lt;!DOCTYPE&gt;`声明:定义HTML版本,例如`&lt;!DOCTYPE html&gt;`...

    a smarter way to learn javascript 2013

    - **第4章:合法与非法的变量名** —— 分析哪些字符可以用于变量命名,哪些不行。 - **第5章:数学表达式:熟悉的运算符** —— 讲解加减乘除等基本数学运算符。 - **第6章:数学表达式:不熟悉的运算符** —— ...

    HTML5 The Definitive Guide to HTML5

    - **第15章:嵌入内容**:讲解如何在网页中嵌入多媒体内容,包括图片、视频、音频等媒体元素的使用方法。 #### 四、CSS3详解 - **第16章:CSS上下文**:概述CSS3的最新进展以及它与HTML5的关系。 - **第17章:使用...

    第三十四章:Haproxy+Nginx+Tomcat实现动静页面分离1

    【标题】:“第三十四章:Haproxy+Nginx+Tomcat实现动静页面分离1” 【描述】:“本文主要介绍了如何使用Haproxy、Nginx和Tomcat来实现动静页面分离,强调了Haproxy作为七层应用代理的特性,如HTTP代理,配置简单,...

    第三章:javascript-DOM对象模型-补充课件.ppt

    - `getElementsByTagName(tagname)`:返回具有特定标签名的所有元素的数组。 3. **控制元素的隐藏/显示**:可以使用CSS样式属性`display`来控制元素的可见性。`display:none`会隐藏元素,而`display:block`(对于...

    Introduction to Website Design and Development_ HTML5, CSS3, and JavaScript

    4. **第4章:HTML标签与属性** - 详细介绍常用的HTML标签及其功能。 - 探讨不同属性的作用以及如何正确使用它们。 - 实践示例帮助读者更好地理解标签的应用场景。 5. **第5章:图片裁剪与缩放** - 讲解如何处理...

    第4章图片素材.zip

    很抱歉,但根据您给出的信息,"第4章图片素材.zip"是一个包含图片素材的压缩文件,描述中并未提供任何具体的技术知识点。标签为空,且没有提供任何额外的上下文或详细信息。压缩包子文件的文件名称列表仅提及了"第4...

    Html+Css+Javascript从入门到精通.pdf

    **第四章:使用头部标签** - **`&lt;title&gt;`标签**:设置页面标题。 - **`&lt;meta&gt;`标签**:配置关键字和字符集。 **第五章:格式化页面正文** - **标题与段落**:合理使用标题和段落标签。 - **预格式化文本**:保持...

    JBuider第十二章:Swing3.rar

    水印标签可能指的是在创建的Swing应用中添加水印效果,这在某些情况下,如演示文稿或图片展示中,可能会用到。实现水印效果通常涉及将水印图像或文本叠加到组件或背景上,并调整透明度以达到预期效果。 学习这部分...

    北大青鸟HTML第四章

    在北大青鸟的HTML课程中,第四章通常会深入探讨HTML的基本结构和元素,这是构建网页的基础。HTML,全称HyperText Markup Language,是用于创建和设计网页的标准标记语言。本章的学习目标是让学生掌握HTML的基本语法...

    比较详细的网站建设教程

    第四章:响应式设计 随着移动设备的普及,响应式设计成为现代网站必备的特性。这一章会讲解如何利用媒体查询和流式布局来适应不同尺寸的屏幕,确保网站在各种设备上都能良好显示。 第五章:前端框架 Bootstrap、...

    HTML课件 ppt课件 共4章内容打包下载

    第4章:HTML第四讲 最后一章通常会介绍一些进阶话题和实践应用: 1. HTML5的新特性:如语义化标签(如, , , 等),离线存储(App Cache),以及媒体元素(如和)。 2. 响应式设计:使用`&lt;meta&gt;`标签的viewport属性,...

    Pro Android 4 英文原版

    4. **第4章:理解内容提供者** - **数据存储与访问**:介绍如何使用内容提供者来存储和访问应用的数据。 - **权限管理**:讨论与内容提供者相关的权限问题及其解决方案。 5. **第5章:理解意图(Intent)** - **...

    Beginning iOS 5 Development Exploring the iOS SDK

    ### 第4章:更多用户界面的乐趣 深入探讨了用户界面的设计与实现,包括布局管理、控件使用等。这一章节不仅教授如何创建美观的界面,还强调了设计原则,帮助开发者提升应用的可用性和吸引力。 ### 第5章:自动旋转...

    ipad ipad-mini中文使用说明书

    #### 第4章:Siri - **Siri介绍**:Siri是苹果的人工智能助手,可以帮助执行语音命令。 - **使用Siri**:学习如何通过语音指令控制iPad。 - **应用场景**:例如查询天气、设定闹钟、播放音乐等。 #### 第5章:...

    《网页制作与设计教程》电子教案

    第4章:网页图像处理 本章将探讨如何选择合适的图像格式(如JPEG、PNG、SVG等),以及如何使用图像编辑软件(如Photoshop或GIMP)优化图片,以减少加载时间并保持视觉质量。 第5章:网页排版与字体 学习者将学习...

    第4章 前端面试技能拼图2 :前端基础知识 , 必知必会

    本章“第4章 前端面试技能拼图2:前端基础知识,必知必会”将深入探讨那些面试官常问且开发者必须掌握的核心概念。 1. HTML(超文本标记语言): HTML是网页内容的结构标准,是前端开发的基石。理解不同标签的作用...

    Silverlight初学者的入门课程

    #### 第四章:开发Silverlight应用程序需要的工具 - **Silverlight SDK**:包含了创建和调试Silverlight应用程序所需的类库、工具和其他资源。 - **选择工具**:开发者可以选择Microsoft Expression Studio或Visual...

    iOS6基础教程(英文版)

    ### 第4章:更多用户界面乐趣 在这一章节中,读者将学习如何在应用中设计和实现更复杂的用户界面元素,包括动画、滑动效果、图片展示等,提升用户体验。 ### 第5章:自动旋转和自适应大小 随着移动设备种类的增多,...

Global site tag (gtag.js) - Google Analytics