How do you highlight words using HTML?

Answer 1

text

for example:

this text would have a yellow background

Answer 2

You can only underline text in basic HTML. Using CSS, you can add padding and a border. [div style="padding:3px;border:1px solid black"]Hello world![/div] -- replacing [ with < and ] with >, the previous code would create a 1px black border around the words "Hello world!" with a 3px space between the border and the text.

Answer 3

There are two ways to italicize text in a web document.

The first involves using an HTML 4/5 element that is specifically designed to italicize text. That element is . To use the italics element in text, you simply surround your text with and . For instance

This paragraph is really short.

Would render in the browser looking something like

This paragraph is really short.

You can similarly use (the emphasis tag) for effect like this. However, italicizing emphasized text is a generally accepted browser behavior, and cannot be relied on.

On the modern web we seek to separate structure from presentation. Making text italic isn't really a structural function. Instead, we should surround the text with a structural tag, and use CSS to make the text italic.

This paragraph is also really short.

Then we'd apply a CSS rule to the span tag like so:

span { font-style: italic; }

Those two things together would give us a rendering similar to

This paragraph is also really short.

It's worthwhile to note that in most cases, using the tags around text you want to italicize is correct. (In both of these examples, the italics are being used to emphasize the text.) But when you are using italics for another reason, for instance the title of a book, then you wouldn't want to use the tag. Strictly speaking, a books title is not in italics for emphasis.

Answer 4

Type the following into the template. Remember to replace CONTENT with the content you want italicized.

<i>CONTENT</i>