Bold (<b>), Italic (<i>), and Underline (<u>) html tag
There are many tag elements already present in HTML web development webpage for text formatting. Such as, bold <b> tag, italic <i> tag, and underline <u> tag. You can use these tags to apply bold, italic and underline, effect or style to HTML web page paragraph, heading text information.
Let us understand bold, italic, and underline tags in HTML better.
Bold Tag in HTML.
Bold <b> Tag – Bold <b> tag is used in HTML web page to create bold web page text, information, or digital contents. Where after applying bold effect in the web page, the web page text bold or dark text font becomes slightly bigger or dark in size and displayed.
HTML Bold Text Example.
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Html Bold Tag Example</title>
</head>
<body>
<p>The B Tag Use To Make Text <b>Bold</b> Preview Order</p>
<p>This Is Simple Text<br><b>This Is A Bold Text Effect</b></p>
</body>
</html>
HTML Italic Text.
Italic <i> Tag – HTML web page text is displayed in italic order using the italic <i> tag. Where italic tag previews a particular web page text information in a little vertical down order. In any HTML web page, italic tag can be easily noticed in your text written in a simple HTML paragraph.
Italic Text Example in HTML.
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Html Italic Tag Example</title>
</head>
<body>
<p>Let Tray Some Italic Text In <i>Html</i> Paragraph Text. </p>
<P>This A Normal Text Preview. <i> This Is A Italic Text Preview. </i></P>
</body>
</html>
HTML Underline Text.
Underline <u> Tag – In HTML web page, underline <u> tag is used to display simple web page text, content, information in underline order. In HTML web page, underline tag displays a straight text underline below the simple web page text in your web page.
Underline Text Example in HTML.
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Html Underline Tag Example</title>
</head>
<body>
<p>Let Tray Some Underline Text Effect In <u>Html</u> Web Page. </p>
<p>Simple Text Preview. <u> Underline Text Preview. </u></p>
</body>
</html>
Bold, Italic, Underline Tag Alternative Choice in HTML. You can use strong tag, em tag, and css stylesheet tag as alternative tags for bold, italic, and underline tags in HTML web page.
- Strong Tag – For bold text alternative or similar effect in HTML web page, you can use <strong> tag, which will preview your web page text in bold format just like bold tag.
- em tag – Em tag previews particular text in HTML web page in italic format. Where em <em> tag is similar or parallel tag of italic tag. Which will display your web page text in italic format.
css for underline tag – You can use CSS stylesheet to preview text in HTML web page, you can easily use CSS stylesheet for bold, italic, underline, and many other types of tags.
HTML CSS Tags and Examples with CSS.
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Html Semantic Tag Example</title>
<style>
h1{
color:blue;
text-emphasis-color: yellow;
}
p
{
text-decoration: underline;
text-align: left;
color: red;
text-decoration-color: lime;
}
</style>
</head>
<body>
<h1>Let Tray Some <strong>Strong Bold </strong> Text <em>This Is Italic Tag</em> Text. </h1>
<p>Let Tray Some Underline <span class=”underline”>Underlined Text Effect </span> With CSS Stylesheet. </p>
</body>
</html>
About HTML Bold, Italic, Underline Tags.
- Semantic HTML Tags – In HTML web page, you can use <strong> bold and <em> italic tags as semantic tags, which is more beneficial for user access and search engine searching in the present time.
- CSS Styling Features – For attractive graphical presentation purpose in HTML web page, by applying style to CSS text in your HTML web page, your web page becomes more flexible, commercial and modern, in which css stylesheet bold, italic, underline and many other types of tags and css style effects are present.
By proper use of bold, italic, underline, css stylesheet tags in HTML web page, you can make your HTML web page content information more readable, flexible, accurate, and increase web user access.
