From the course: Practical HTML for No-Coders
Unlock the full course today
Join today to access over 24,600 courses taught by industry experts.
Creating figures and figure captions
From the course: Practical HTML for No-Coders
Creating figures and figure captions
- [Instructor] In our previous image example, we had an image with text nearby but not necessarily directly associated with that image. It's also possible to make figures in our HTML. Figures consist of two pieces of information that go together as a unit. Most commonly, that's an image plus a caption for that image. Let's look at this in a little bit more depth. So here in our starting CodePen, we have exactly the same thing. We have our image, already given it to you with your alt text, and then underneath, we have some text that gives us a little bit more information. So the image is telling us that we have 75% of sales here are distributed over these five states in the following way. It doesn't actually mention that number 75%. That is an additional piece of information that is in the figure caption. So the way to present this information, the best way to do it, is to present it as a figure. Because…
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
-
-