From the course: Practical HTML for No-Coders
Unlock the full course today
Join today to access over 24,900 courses taught by industry experts.
Understanding images
From the course: Practical HTML for No-Coders
Understanding images
- [Instructor] Images are a huge part of the internet. To include an image on your webpage, you're going to have to meet several criteria. Let's go through an overview of what those steps are, and then we'll go into each one of these in detail. So the first step is going to be preparing your image, and this preparation step has nothing to do with your HTML webpage. You want to make sure you have your correct image size and the correct format for the web, then we're going to need to put that image somewhere that's publicly accessible. We just did this with PDFs. We put them up on Google Drive. We're going to use imgBB, in our particular case. Your IT department may have a location for your images. So somehow you're going to have to get those images up on the internet, and then the last step is to write your HTML, and we're going to use the image element for putting that image onto the webpage. So let's go through each of…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
What is HTML and how is it structured?4m 35s
-
Understanding headings and paragraphs7m 45s
-
(Locked)
Understanding lists6m 44s
-
(Locked)
Understanding nesting lists4m 5s
-
(Locked)
Creating links that go to another website4m 50s
-
(Locked)
Creating links within a page7m 31s
-
(Locked)
Challenge: What's wrong with this markup?2m 23s
-
(Locked)
Solution: What's wrong with this markup?7m 10s
-
(Locked)
Linking to PDF files4m 51s
-
(Locked)
Understanding images4m 53s
-
(Locked)
Implementing images5m 6s
-
(Locked)
Creating figures and figure captions4m 24s
-
(Locked)
Quoting text3m 24s
-
(Locked)
Understanding tables5m 24s
-
(Locked)
Working with classes, div, and span6m 54s
-
(Locked)
Posting a video in HTML4m 13s
-
(Locked)
Challenge: Marking up text2m 20s
-
(Locked)
Solution: Marking up text2m 33s
-
-