Tag Archives: HTML Language

List of Prime HTML Text Codes for Beginners

HTML is Hypertext Markup Language. It is a markup language used to create a webpage. Normally webpages are viewed in web browsers. These are included usually links, text, writing, videos and pictures. HTML is used to mark and explain each of this type of content so that web browser can show them properly.

HTML is a standard markup language for webpages. HTML elements are the building blocks of HTML pages and elements are represented with <> tags.An HTML element is a start tag <> and an end tag </>with content in between- let’s watch an example:

start-content-end

<p>  A paragraph </p>

While coding HTML, text is a very unimpeachable thing to add and format. HTML text formatting is similar to word processor formatting. Here we can set bold, italic, underline the text; we can change colors of text; we can link the text etc. There is also text alignment coding in HTML. We can change font size too. Here, we can change paragraph too. Anyways, in order to use all of these features, you need to learn and use the coding of HTML.

You can add this coding in notepad simple and give it name with extension html. You can open it by double click; it will automatically open in web browser offline.

here are codes of html for text formatting:

1. Bold and Strong:

We can make the text bold using the <b> tag. The tag is used with both opening and closing tag. Text should be placed between these both tags Like: <b> Text </b>.

<strong> tag is also used to make text strong with giving semantic importance. It is also used same way like: <strong> text</strong>tags.

Example:

<html>
<head>
<title>Bold</title>
</head>
<body>

<!use of Bold tag>

<p>Triople</p>
<p><b>Triople</b></p>

<!use of strong tag>
<p><strong>Triople</strong></p>
</body>
</html>

output will be like this :

Triople

Triople

Triople

2. Italic or emphasize the text: 

As you see in MS word, you can make text italic; in the same way you can do in HTML too. Italic is coded with open and end tags of <i> and </i> and emphasize the text is done with open and end tags of <em> and </em>Let’s watch how:

<!DOCTYPE html>

<html>

<head>

<title>Italic</title>

</head>

<body>

<!–Normal –>

<p>Triople</p>

<!—Italics text–>

<p><i>Triople</i></p>

<!—Emphasized text–>

<p><em>Triople</em></p>

</body>

</html>

Result:

Triople

Triople

Triople

 

3. Highlighting a text: You can highlight the text using HMTL <mark> tag. use it like this :

<mark> text </mark>.

Example

<!DOCTYPE html>
<html>
<head>
<title>Highlight</title>
</head>
<body>
<!–Highlighting text–>
<p>Happy Diwali</p>
<!–Text in Highlight–>
<p><mark>Happy Diwali</mark></p>
</body>
</html>

Result

Happy Diwali

Happy Diwali (it will highlighted with color yellow)

4. Striking through the text:  The <del> tag is used to strike through the text showing the part as deleted. It will be depicting as <del>text </del> Example:

<!DOCTYPE html>

<html>

<head>

<title>Delete</title>

</head>

<body>

<!–Text in Normal–>

<p>How to do </p>

<!–delete–>

<p><del> How to do </del></p>

</body>

</html>

Result

How to do

How to do

5. Make text hyperlink: You can link the text with any site by using hyperlink option. To use HTML links, use coding <a href= “url”> text </a>.

<!DOCTYPE html>

<html>

<h3>creating a link</h3>

<body>

<p>Click on link</p>

<a href = “https://triople.com”>Triople- Technology</a>

</body>

</html>

Result

Creating a link

Click on link

Triople- Technology

 

Advertisements