Body tag styling in html document

In this tutorial, we will learn how to create a html document, often we call html page, there are two important part in html document, head and body, in this post we learn about html body and many other tags inside that.

If you want to learn html designing! then you must know these commonly used tags used inside html body tag.

<body></body>

If you want to create a beautiful and professional html document for your school project, then you must learn following html tags.

Here we learn about at html formatting and semantics within HTML Body.

Tags inside body tag in html

This is how your body tag may look like.

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>This is page title </title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is an example of a paragraph HTML content.</p>
</body>
</html>

Whatever you can view on any webpage comes under <body></body> tag

Styling <body> tag using CSS

We can use any number of styling attributes for body tag, here are some commonly used attribute that make body content more presentable.

body {
    font-family: Verdana;
    font-weight: normal;
    font-size: 18px;
    color: #111111;
    background-color: #fefefe;
    padding: 10px;
    width: 90%;
    max-width: 950px;
    margin: 0 auto;
}

Here are few elements often used within HTML Body

  • <b> - Bold text

    Use of <b> tag

    <b>b Tag</b> - Bold
    
    Hello, you learning b Tag
  • <strong> - Important text
  • <i> - Italic text

    Use of <i> Tag

    <i>i Tag</i> - Italic
    
    i Tag example
  • <br> - Next line
  • <u> - Underline text

    Use of <u> tag.

    <u>u Tag</u> - Underline
    
    u Tag example
  • <del> - Deleted text

    Use of <del> Tag

    <del>del Tag</del> - deleted text
    
    del text Tag example
  • <ins> - Inserted text
  • <sub> - Subscript text
  • <em> - Emphasized text
  • <mark> - Marked text

    Use of <mark> Tag

    <mark>mark Tag</mark>- mark text
    
    mark text Tag example
  • <small> - Small text
  • <sup> - Superscript texThere
Important tags inside body

Here are more details tutorials of some important html tags that we often use in webpage designing.

 
Learn HTML coding online, create your own webpage, build business online free of cost.
Web Designing Tutorials
Html body tag styling: important tags inside body tag in html page

Digital marketing Tools
HTML Tutorial | Web Designing Course | HTML5 Introduction