Sunday, March 18, 2018

Formatting text in HTML


If someone has the courage and dedication to learn something, then nothing will obstacle their way. While dealing with HTML, most of the people assumed it so difficult at the starting point and hence swipe from it. Although it is quite easy to learn and apply it to your blogs, articles and enhancing your website structure as well as appearance.


In the upcoming sections I will show you the basic of HTML with format text into it. Let’s first know the basics of HTML language.

Basics of HTML


The Structure


The structure of an HTML document has been composed with that of a sandwich. Like a sandwich this element has opening and closing tags. All structure or matter is composed into this sandwich.

<html>
         . . . . .
</html>

Head


Head of an HTML file containing all of the non-visual elements that helps make the page work, following just by <html> open tag.

<html>

<head> . . . . . </head>

</html>


Body of HTML

After the </head> closing tag, the body section starts and the body i.e. the material composed into the <body> open tag and </body> closing tag.

<html>

<head>

</head>

<body>
            . . . . .
</body>

</html>

Line of Paragraph


Line of paragraph with opening <p> and closing </p> tags used to create paragraph.

<html>

<head>

</head>

<body>
            
            <p> . . . . . </p>

</body>

</html>

 

Format Text in HTML


For formatting the text into different styles and segment, there are elements used with their opening and closing tags. These should be composed within the <p> opening and </p> closing tags separately.
  • For bold text use of <b> opening and </b> closing tag.
  • For big text use of <big> opening and </big> closing tag.
  • For italic text use of <i> opening and </i> closing tag.
  • For small text use of <small> opening and </small> closing tag.
  • For strong text use of <strong> opening and </strong> closing tag.
  • For subscripted text use of <sub> opening and </sub> closing tag.
  • For superscripted text use of <sup> opening and </sup> closing tag.
  • For inserted text use of <ins> opening and </ins> closing tag.
  • For deleted text use of <del> opening and </del> closing tag.


Input/output


Below I show you the demonstration by screenshot from my html platform. Input and output images will show you the exactly the coding should be imply.





So I hope that the above discussion will be useful to learn HTML and get back your interest into it.

No comments:

Post a Comment

Code for beak a line in HTML

As like my previous blog post regarding HTML coding, this is another post. In this post I will explain how to break a sentence or a lin...