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
<body> tag using CSSWe 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 Tagexample - <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
Here are more details tutorials of some important html tags that we often use in webpage designing.