00:00Hello, welcome to the Transcendent. In this video we'll learn HTML bold and italic text formatting.
00:20There are four HTML tags to explore, two for bold and two for italic. Why do we have two tags for
00:29each style? Let's examine this sample to understand. When we are typesetting for a book, we carefully
00:37select the text we wish to emphasize and then press an italic formatting button. That's all
00:42there is to it. Upon printing, those selected text portions are beautifully formatted in an italicized
00:49typeface. Across the fields of book publishing, journalism, and magazine production, a wide array
00:56of detailed guidelines in grammar and typography meticulously instruct us on the appropriate
01:01moments to apply italics or bold formatting to enhance our text. By closely following those
01:07typography and grammar guidelines, we can ensure our work is formatted correctly. We've applied the
01:13formatting accurately, haven't we? In fact, there are two distinct purposes for using italics in this
01:20context. The word favorite is italicized to clearly highlight a specific point. This is genuinely
01:27important. It's our most beloved character. The word favorite is italicized to convey emphasis. The phrase
01:34Sesame Street is not italicized to stress its importance. Instead, it's italicized as it denotes the
01:41title of a television program. In HTML, we aim to carefully differentiate between these two distinct use
01:48cases for text formatting. We want the browser to clearly recognize when text should be verbally
01:54emphasized as opposed to when it is merely visually distinguished for stylistic purposes. This concept
02:00is most easily grasped if we consider reading a sentence aloud with proper intonation. If I simply
02:06state, my favorite character from Sesame Street is Grover, the intended emphasis is noticeably absent.
02:13If I declare, my favorite character from Sesame Street is Grover, with equal stress on all parts,
02:19it sounds noticeably odd and unnatural. Why am I pronouncing Sesame Street in such an unusual manner?
02:27We want the sentence to be expressed in this manner instead. My favorite character from Sesame Street is
02:33Grover. A clear verbal emphasis is placed on favorite, while Sesame Street remains a standard title
02:40without added stress. In HTML, we can effectively express these distinctions by employing two distinct
02:47and separate elements for formatting. The I element is specifically utilized to apply purely visual italics,
02:54while the M element is carefully chosen to convey verbal emphasis on a particular word or phrase.
03:00We aren't merely typesetting when we thoughtfully select elements like these for our content.
03:05We are deliberately communicating semantic significance imbued with meaningful human intent.
03:12This is how it functions in practice. Let's enclose the word favorite within, M, tags,
03:18while surrounding the phrase Sesame Street with I, tags for proper formatting. Visually, they may appear
03:25nearly identical at first glance, but don't be misled by this similarity. They are fundamentally distinct in
03:31their purpose and function. It's genuinely crucial, in fact, that we avoid becoming careless and relying
03:38solely on one tag for all formatting needs. These tags can produce significantly varied outcomes for
03:44individuals who are audibly engaging with the content. In HTML, we use two distinct tags to mark text
03:53as bold for different purposes. The strong tag conveys a sense of importance, urgency, or seriousness in content.
04:01We use it to signal. This text should carry strong verbal emphasis. Like the M tag, it adds significant
04:09semantic meaning to the text. The B tag, similar to the I tag, is neutral and generic in use. It holds no
04:17inherent meaning. It only marks text to appear bold for visual styling purposes.
04:22It implies no change in tone, mood, or voice.
04:28Here are two clear examples of using HTML tags.
04:32Warning, do not arrive late. We mark warning as highly important, using strong to emphasize it.
04:39Alternatively, we can apply strong to highlight one part of a phrase as more significant.
04:45In chocolate and coffee is the key part of the headline, other things I crave is less critical.
04:50It remains within the H1 tag, but it carries less weight. If we aim to bold words in a text passage
04:57without adding meaning, we use the B tag. This is how it works.
05:04In this paragraph, we aim to highlight a particular phrase that truly captures the reader's attention
05:10and leaves a lasting impression. We avoid conveying special meaning to the browser or screen reader,
05:15so we apply the B tag. Now, let's stay clear and avoid confusion. If we only want to display text on the
05:23page in a bold font, we don't use strong or B tags. Instead, we utilize CSS to adjust the font weight and apply styles
05:32to any chosen element. Perhaps our H2 headlines are slim and condensed, while H3 headlines are bold and wide.
05:42We simply use CSS to define distinct styling for H2 and H3 elements. The B tag enables us to assign text the
05:52role of indicating content that lacks additional, specifically designed structural elements for
05:57stylistic purposes. We advise using it merely as a last resort when absolutely no other tag seems to fit
06:04appropriately. These are the four tags we utilize to label text as being in italics or enclosed in bold
06:10font. Two convey meaningful intent, a human language purpose for the bold or italic, and two lack semantic
06:17meaning. They are M, I, strong, and B.
Comments