Video: How to Format Quotations Nicely in HTML

104 35

Video Transcript


Hi, my name is Bryan. I'm a Web and Graphics Specialist and today, I'm going to show you how to format quotations nicely in HTML. So, I have opened my text set here on the left and my browser with the HTML document open on my right and I have this paragraph right here in the body of my document. Let's say, in the middle of my paragraph I want to include a quote. I will just make up a quote right now. This is my quote and then, I will just continue the paragraph here after that. "This is the continuation of my paragraph." So, I want to take this portion of the paragraph and turn it into a nicely formatted quote. So, there's a few things in HTML, a few tags you can use to make this look like a quote. Let's try to see what it looks like right now without. Here's how it looks, no formatting at all. But, if you, if you add the black quote tag around your quote, like this, now they're formatted as an indented with two breaking spaces; one before, one after separating it. You can also use the Q tag around this to add some nice quotations marks that are different from regular quotation marks that will be in a paragraph. I'm going to hit save and refresh. And another tag is the site tag which you can use to make this quote a italicized, "site", and hit site save and refresh. So, there you go, that's how you make a quotation nicely formatted using HTML. My name is Brian and thanks for watching.
Source...
Subscribe to our newsletter
Sign up here to get the latest news, updates and special offers delivered directly to your inbox.
You can unsubscribe at any time

Leave A Reply

Your email address will not be published.