From the course: Crafting Meaningful HTML
Unlock the full course today
Join today to access over 22,500 courses taught by industry experts or purchase this course individually.
Add quotes, line breaks, and citations - HTML Tutorial
From the course: Crafting Meaningful HTML
Add quotes, line breaks, and citations
- [Instructor] Next up, let's talk about adding quotations of various types to your documents. Remember that there's two parts to a quote. There's a thing that was said, and there's likely a person who said it. Our Two Trees Olive Oil example doesn't have any quotes in it, so I've set up some examples for you here in codepen. So I've got two quotations here from Shakespeare, and the first one is from "Hamlet." And we have a citation here that's going to go with that. If you take a look over at the shakespeare.mit.edu website, I've gone ahead and copied this little bit of Shakespeare from here. And you can see I have a full website address where that information came from. And so if we take a look over here, "Neither a borrower nor a lender be." And then of course I've got my William Shakespeare as the author, "Hamlet" as the name of the play, and where it came from, act one, scene three. So let's go ahead and mark this up, if this was something you wanted to include in your document…
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
-
-
-
-
Move your code from CodePen to Visual Studio Code (VS Code)2m 53s
-
Understand the head code4m 21s
-
Add semantic navigation5m 23s
-
Add images, figures, and figure captions5m 59s
-
Add footers with address, time, and date9m 13s
-
Add quotes, line breaks, and citations6m 11s
-
When to use div and span elements4m 55s
-
Challenge: Identify semantic problems1m 4s
-
Solution: Identify semantic problems5m 43s
-
-
-