Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
In XHTML and HTML Essential Training, Bill Weinman helps designers and coders understand XHTML and HTML. In the process, Bill covers document structure, block and inline-level tags, floating images, controlling white space, phrase and font markup, and tables and frames. He even provides a good introduction to CSS. Bill offers step-by-step guidance for building a complete working web site. Exercise files accompany the course.
In this lesson we are going to talk about Font markup elements. These are distinct from which Phrase markup elements. The Font markup elements define the visual style that the elements are going to be rendered on a visual browser on the screen. The Phrase markup elements are for giving meaning to the text, like emphasized or strong or something like that. The Font markup elements are actually depreciated in XHTML 1.0 and HTML 4.01. The HTML police, as I affectionately call them, would prefer that we not use Font markup elements.
In reality, if you care about how your text is going to be rendered on the screen, you want to use the Font level markups and not the Phrase level markups. The Phrase level markups do not guarantee how the phrase is going to be rendered on the screen. If you care that it's italics, if you care that it's bold, then you use the tags that mean that. They are not going away, as long as people are using them, they are not going to take them out of HTML and XHTML. So they are perfectly safe to use. Browsers for visually impaired and other non-visual browsers will not necessarily know what to do with these.
If you care about those browsers, then you want to use the Phrase level markups in addition to these or instead of these. Let's take a look at each of these tags. These are also inline-level just like the Phrase markup tags and so they go inline with the text and their containers and they contain the text that you are modifying. So, in this case, we have the B tag which stands for bold and you will see that it's rendered bold in the browser down there. Here is the Big tag, which means what it's says, big, and you will see that the text is bigger in the browser down there.
Here is the I tag for italics and you will see that it's italic in the browser down there. So, these do exactly what it is that they say. S is for strike out. It's actually a shortcut for Strike. Strike and S are same thing. And you will see in the browser here there is the S tag and there is the Strike tag. They do exactly the same thing. They have the same meaning. In between we have the Small tag which makes the text smaller. There is the Strike tag. TT stands for teletype.
It's like the pretag. It preformats the text. It renders it in all monospace font. The pretag, pre, we'll cover that later. That's a block-level tag and so you cannot use that in inline in text. This is an inline-level tag. So, use this when you want your text to be monospaced inside of a paragraph. Finally, the U tag for underline. It underlines the text, just like there. So, these are the Font-level tags and like I said, these are depreciated which means that the HTML police don't like them, but they are there and they are there for good.
They're not going away. The next versions of HTML are already being designed and have them intact. So you don't have to worry about them going away. The browsers will continue to support them, as long as people use them and these have a purpose. They markup the text, how you want it to be rendered on the screen. If you care about how your text is rendered on the screen, if you want something specifically to be in italic and something else specifically to be bold, then you use these tags. If you care about the meaning and how they are rendered on a non-visual browser, then you use the Phrase markup tags and you can use them together, if you need to.
Find answers to the most frequently asked questions about XHTML and HTML Essential Training.
Here are the FAQs that matched your search "":
Sorry, there are no matches for your search ""—to search again, type in another word or phrase and click search.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.