html body { margin-top: 50px !important; } #top_form { position: fixed; top:0; left:0; width: 100%; margin:0; z-index: 2100000000; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; border-bottom:1px solid #151515; background:#FFC8C8; height:45px; line-height:45px; } #top_form input[name=url] { width: 550px; height: 20px; padding: 5px; font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif; border: 0px none; background: none repeat scroll 0% 0% #FFF; }
, and
HTML
HTML
PUBLISHED BY :
BHUVAN SINGH RAJPUT
CONTENTS
1.INTRODUCTION
2.HTML
1.INTRODUCTION
<html>
<head>
My Website
<title> My first Webpage</title>
</head>
<body>
I am try to learn html
</body>
</html>
After typing, save the file with html extension, for example
mywebpage.html and click file type option, click on All File
and then click on save button.
Open file with browser like google chrome.
HTML RULES
1. Elements tags are not case sensitive , i.e., small letters and
capital letters are treated as same.For example, <H1>is same
as <h1>.
2. Attribute tags are also not case sensitive i.e., <b SIZE=2>
and <b size=2> is same.
3. Elements tags cannot contain spaces.
4. Web browsers ignore unknown elements and unknown
attributes.
5.Elements can be nested i.e., <b><u> text </u></b> is
correct format and <b><u> text </b></u> is incorrect.
3.1. HTML Attribute
Attribute Attribute value Explanation Example
Dir Ltr(default value) Display text <html dir=rtl>
Left to Right
Now i will explain the tag which is using within body tag
<body>.
Result
Code :
<body>
I am try to learn html
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
<h4>This is a heading</h4>
<h5>This is a heading</h5>
<h6>This is a heading</h6>
</body>
Result :
3.3.3. Line break tag
Code :
<body>
<p>I am try to learn html.It is a simple </br>language to
learn.I love it
</p>
<p>It is second paragraph which created</p>
</body>
Result:
3.3.4. Center Tag
Code :
<body>
<p>
I am try to learn html.It is a simple language to learn.I
love it
</p>
<center><p>It is second paragraph which
created</p></center>
</body>
Result :
3.3.5. Horizontal Line Tag
Code:
<body>
<p>I am try to learn html</p><hr>
<p>It is second paragraph which created</p>
</body>
Results:
3.3.6. Address Tag
Coding :
<body>
<p>I am try to learn html</p>
<p>It is second paragraph which created</p>
<address> ADDRESS :J.K.Road,NH-86,Bhopal</address>
</body>
Result :
3.3.7.Bold Tag
<body>
<b>I am try to learn html</b>
<p>It is second paragraph which created</p>
</body>
Result :
3.3.8.Italic Tag
Coding :
<body>
<b>I am try to learn html</b>
<i>It is italic text</i>
</body>
Result :
Coding :
<body>
<b>I am try to learn html</b>
<u>this is underline text</u>
</body>
Result :
3.8.10.Superscript Tag
Coding :
<body>
<b>I am try to learn html</b></br>
<u>this is underline text</u></br>
The square of 2 i.e., 2 <sup>2</sup> is 4
</body>
Result :
3.3.11.Subscript Tag
Coding :
<body>
<b>I am try to learn html</b></br>
<u>this is underline text</u></br>
human inhales O <sub> 2</sub>
</body>
Result :
To get complete list of tags used in HTML document , see
appendix 1. Now, we will discuss some important tag ,
attributes and elements using in HTML document.
4. INSERTING IMAGES IN HTML DOCUMENT
Result: