While most hypertext markup language tags are accustomed to produce components, hypertext markup language conjointly provides in-text format tags to use specific text-related designs to parts of the text. This topic includes examples of HTML text formatting such as highlighting, bolding, underlining, subscript, and stricken text.<\/p>\n\n
<\/p>\n\n
The <mark><\/em><\/strong> element is new in HTML5 and is used to mark or highlight text in a document “due to its relevance in another context”.<\/p>\n\n The most common example would be in the results of a search where the user has entered a search query and results are shown highlighting the desired query.<\/p>\n\n Output:<\/strong><\/p>\n\n Here is some content from an article that contains the searched query that we are looking for. Highlighting the text will make it easier for the user to find what they are looking for.<\/p>\n\n Common standard formatting is black text on a yellow background, but this can be changed with CSS.<\/p>\n\n To bold text, use the <strong><\/strong> or <b><\/strong> tags:<\/p>\n\n or<\/p>\n\n What\u2019s the difference? Semantics. <strong> is used to indicate that the text is fundamentally or semantically important to the surrounding text, while <b> indicates no such importance and simply represents text that should be bolded.<\/p>\n\n If you were to use <b> a text-to-speech program would not say the word(s) any differently than any of the other words around it – you are simply drawing attention to them without adding any additional importance. By using <strong>, though, the same program would want to speak those word(s) with a different tone of voice to convey that the text is important in some way.<\/p>\n\n To italicize text, use the <em> or <i> tags:<\/p>\n\n or<\/p>\n\n What\u2019s the difference? Semantics. <em><\/em><\/strong> is used to indicate that the text should have the extra emphasis that should be stressed, while <i><\/em><\/strong> simply represents text which should be set off from the normal text around it.<\/p>\n\n For example, if you wanted to stress the action inside a sentence, one might do so by emphasizing it in italics via <em><\/em><\/strong>: “Would you just submit the edit already?”<\/p>\n\n<p>Here is some content from an article that contains the <mark>searched query<\/mark> that we are looking for. Highlighting the text will make it easier for the user to find what they are looking for.<\/p><\/code><\/pre>\n\nBold, Italic, and Underline<\/h2>\n\n
Bold Text<\/h4>\n\n
<strong>Bold Text Here<\/strong><\/code><\/pre>\n\n<b>Bold Text Here<\/b><\/code><\/pre>\n\nItalic Text<\/h4>\n\n
<em>Italicized Text Here<\/em><\/code><\/pre>\n\n<i>Italicized Text Here<\/i><\/code><\/pre>\n\n