- Overview
- Transcript
2.6 Blockquotes
Sometimes we need to quote somebody, and we can do that within HTML by using what's known as the blockquote
element.
1.Introduction1 lesson, 00:55
1.1Course Introduction00:55
2.Week 17 lessons, 50:14
2.1Your First Web Page09:50
2.2Finding a Proper Code Editor07:15
2.3Lists12:36
2.4Parent-Child Relationships05:18
2.5Heading Tags03:41
2.6Blockquotes02:35
2.7Anchors08:59
3.Week 28 lessons, 56:02
3.1Your First Stylesheet09:46
3.2Clean Project Structures01:58
3.3Images04:33
3.4The Necessity of Divs07:11
3.5IDs and Classes08:30
3.6An Assignment01:31
3.7Assignment Solutions08:36
3.8Floats, and a Simple Layout13:57
4.Week 37 lessons, 1:22:49
4.1Navigation Lists06:15
4.2An Introduction to Forms15:46
4.3Image Replacement06:30
4.4The Basics of Typography10:20
4.5The Difference Between Relative and Absolute Positioning07:38
4.6Reproduce a Website Fragment30:45
4.7The Importance of Validation05:35
5.Week 43 lessons, 29:23
5.1Zen Coding06:32
5.2Resets and Normalizing05:01
5.3CSS Frameworks17:50
6.Final Project5 lessons, 1:19:55
6.1Creating the Markup11:30
6.2How to Slice a PSD08:39
6.3How to Create Snippets03:34
6.4The CSS For Our Website38:46
6.5Completing the Website17:26
7.Closing Thoughts1 lesson, 00:39
7.1Conclusion00:39
2.6 Blockquotes
[SOUND] Sometimes we need to quote somebody. Whether it's a book passage, or something somebody said on a different blog. There's a lot of different uses. Think of it just when writing a normal article with pen and paper. There are some times when you need to quote somebody, and we can do that within HTML as well, by using what's known as the blockquote element. Now, within here, this is a way to tell the processor anything within here is a quote. So, why don't we reference an Einstein quote. I've pulled up a list of some of his quotes, lets get one of these. So, within here, it is a paragraph, so I'm gonna make sure, that I add a p tag, paste it in, and close out my paragraph as well, and remember what we learned about indentation. It's good practice to make sure we indent, so it's easy to tell that this paragraph is a child of the blockquote. Good, so lets save that and view it in the browser. So if I view it, it may not look at anything special to you, and that's okay because remember, if you are expecting maybe big shiny quotation marks, or at least the text to be italic, that's not what markup is about. Markup does not specify formatting, or font weight, or font style. It's simply to describe your content, and that's something you always need to remember. So you might be thinking, well, why would I ever use that? It's just as easy to do this. I get the same effect, and it's less markup. And it's because we are describing our content. And that is equally important, whether it be for screenwriters, or for future proofing our markup. So, let's save that. And if I view the source, once again, you can go to View> Developer> Source, or I always press Ctrl, Cmd+U on the mac. And now, we have given the browser some understanding as to what this specific content is. So just remember, if you're writing a blog posting, if you're doing a website, any time you need to provide a callout. And its again a nice way when creating blog postings, to divide your content. Once again, if we refer to Nettuts, you can see that we use blockquotes like so, let's check it out, Inspect Element. And, once again, you can see that it is wrapped within a blockquote, and within here, we have our quote. And then we're using styling or cascading style sheets, to make the text italic, to add a quotation mark here, to make it look like a quote. But the markup alone, is simply a blockquote, with a paragraph tag in it.