Sign In | Subscribe

Enter your Sign on user name and password.

Forgot password?
  • Follow us on:
Start learning today, and be successful in your academic & professional career. Start Today!
Loading video...
This is a quick preview of the lesson. For full access, please Log In or Sign up.
For more information, please see full course syllabus of HTML 5
  • Discussion

  • Study Guides

  • Download Lecture Slides

  • Table of Contents

  • Related Services

Lecture Comments (5)

1 answer

Last reply by: Professor Jim Hague
Sat Mar 28, 2015 11:36 PM

Post by David Llewellyn on March 3, 2015

I'm having trouble linking to the "blackblock.jpg" image

I've tried linking to the downloaded file directly using

<im src="C:/Users/David/Documents/%21html/Educator%20Project/Images/blackblock.jpg"
in both the above form and as
<img src="C:/Users/David/Documents/!html/Educator Project/Images/blackblock.jpg"
I've also tried various <base href combinations with <img src="blackblock.jpg" etc. including
<base href="C:/Users/David/Documents/%21html/Educator%20Project/Images/">
<base href="C:/Users/David/Documents/!html/Educator Project/Images/">
and even
<base href="">

What am i doing wrong?

0 answers

Post by David Llewellyn on March 3, 2015

<align> seems to perform as advertised but I didn't seem to be able to make any difference to the display with the <valign> with or without an accompanying <align> tag.

1 answer

Last reply by: Professor Jim Hague
Mon Jun 24, 2013 7:12 PM

Post by Said Elmahdy on June 24, 2013

how does the browser know the file that I put in it the images


  • Photoshop and Paint are the suggested photo editors
  • Place all images in 'Images' folder
  • The 3 types of images are 'jpg', 'gif', and 'png'
  • Use <FIGURE> tag to describe images
  • Images can be arranged to top, middle, bottom, left, right, middle, and a combo of all


Lecture Slides are screen-captured images of important points in the lecture. Students can download and print out these lecture slide images to do practice problems as well as take notes while watching the lecture.

  • Intro 0:00
  • Lesson Overview 0:07
  • Knowing and Preparing Your Images 1:03
    • Photoshop
    • Other Things You Can Use for Image Manipulation
  • The Images Folder 2:55
    • Every Type of Element Belongs In Its Own Directory
  • Types of Images 4:18
    • Other Types of Images
    • PNG
    • Transparent Background in Photoshop
  • The Pulpit Rock: Image & Caption 6:38
  • <FIGURE> 7:12
    • Figure
    • Figcaption
    • Code for The Pulpit Rock
    • See the <figcaption>
  • Arrangements 8:45
    • Two Important Attributes
    • Sample Code
  • Types of Images 10:30
    • Where Text Appears
  • Image.html 11:39