Jen Kramer demonstrates how to include an image in the web page using ImgBB for hosting the image and writing the HTML with the img tag plus alt attribute.
- [Instructor] So now that you understand what's required…in order to make a image work on a webpage,…let's go ahead and implement one…on the page we've been building.…So step one was to get the image…in the right format and the right size.…So I have already done that for you.…It's this image here called art-gallery.jpg.…This is inside of your Exercise Files folder.…I've already resized it.…It's in the right format and everything.…You may be in an environment…where you have a graphic design department…who can do that kind of imaging formatting for you,…or if you happen to be in an environment…where you're taking your own pictures…and you're figuring it all out on your own,…then just go on ahead and drop it here in Mac's preview…or Windows' Paint program and you can resize the image…the way that you want it to be done.…
So the second step is to get this image uploaded…to the Internet where it can be seen.…So step two, we're going to host our image here at Imgbb.…This is a free service that's available.…You can drag and drop your images here.…
- Working with head and body tags
- Nesting one list inside of another
- Creating links within a page
- Linking to PDF files
- Quoting and citing text
- Fixing HTML in MailChimp
Skill Level Beginner
1. Understanding HTML
Next steps1m 15s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.