CMS

Content

HTML

Images

Monetizing

Home » HTML

Boldening, Italicising & Underlining Text

Monday, 22 March 2010 · Print This Post Print This Post No Comment

Related Reading

This entry is part 2 of 5 in the series Basic Text Formatting

In this section of our free web design course, we’re first going to learn how to make our text bold by using the <b> and </b> tags, italicise it by using the <i> and </i> tags or underline it by using the <u> and </u> tags.

Let’s apply them all:

<html>
<head>

</head>
<body>

<b>My</b> <i>first</i> <u>web page</u>

</body>
</html>

This should produce an output text formatted like this:

My first web page

Now let’s make our text a bit more complicated by mixing these formats:

<html>
<head>

</head>
<body>

<u><b>My <i>first</i></b> web page</u>

</body>
</html>

Which would produce this output:

My first web page

So, you can make a text bold, italic and underline at the same time. Note that instead of the <b> tag, you can use the <strong> tag; and instead of the <i> tag you can also use the <em> tag. They do the same job.

If you enjoyed this lesson, please link to it :)

This basic section is over. Next lesson of your free web design course will cover how to add line breaks, paragraphs and headings to your web pages by using HTML tags.

Series Navigation«Basic Text FormattingLine Breaks, Paragraphs & Headings»

Bookmark this Post Subscribe to Blog

Popular Tags

Adsense Background Cascading Style Sheets colors Content font Forms GIF Hex Codes HTML Hyperlinking Images IMeye JavaScript JPEG Keyword Research layout Merging meta PNG SEO Sizing spacer Tables text W3C
Leave a Comment

Threaded commenting powered by Spectacu.la code.