Showing posts with label html. Show all posts
Showing posts with label html. Show all posts

Html fonts formatting


HTML fonts formatting is a very easy term of learning html. At first you open your notepad and write down these codes. And after saving open it in any of your browser.

<html>
<body>

<p><font size="2" face="Verdana">
This is a paragraph.
</font></p>

<p><font size="5" face="Times" color="red">
This is another paragraph.
</font></p>

</body>
</html>
Save as test_fonts.html
See the result like as this picture.




HTML color value & name


To know about using the html color value and name you can try these terms of use.

<html>
<body>

<p style="background-color:#87CEFA">
Color set by using hex value
</p>

<p style="background-color:rgb(135,206,250)">
Color set by using rgb value
</p>

<p style="background-color:lightSkyblue">
Color set by using color name
</p>

</body>
</html>

Save it as test_color_value&name.html




HTML Horizontal Rule

The tag <hr/> is used to build Horizontal Line in html page. The steps of use this tag is

 1. Open Notepad.
2. write the codes like below.

<html>

<body>

<p> The hr tag defines a horizontal rule:</p>
<hr/>
<p> This is a paragraph</p>
 <hr/>
<img src="banner.jpg" width="220" height="90"/>

</body>

</html>

3. Now save this as test_hrrule.html
4. Open the file in any browser and see the output like image.


HTML Image by PHP, MySQL, CSS, HTML and SEO Tutorials

You can add images in your html file. For this you have to use the html image tag. The html tag is <img>. To use this tag follow the steps.
a. Open your notepad.
b. Write the codes below.
  
   <html>
      <body>
        <img src="banner.jpg" width="220" height="90"/>
      </body>
   </html>

c. Write the name with its extension of that image which is you use in your html page in src=" ". And save it as test_image.html and this page and te image save in same folder.
d. Open the file in any browser and see the output.

Output must like as the image below.


HTML Link by PHP, MySQL, CSS, HTML and SEO Tutorials

In html file the links tag is <a>. It starts at <a> and ends at </a>. The policy of using this tags is

1. Open Notepad.
2. write the codes like below.

<html>
<body>
<a href="http://webandseotutorials.blogspot.com/">This is a link.</a>
</body>
</html>

3. Now save this as test_link.html
4. Open the file in any browser and see the output like below.


HTML Paragraph by PHP, MySQL, CSS, HTML and SEO Tutorials

The tag of html paragraph is <p>. Its start awith <p> and end with </p>. Using steps is given below. "HTML  paragraph" is a important tag of learning html.
1. Open Notepad.

2. write the codes like below.

                      

3. Now save this as test_paragraph.html

4. Open the file in any browser and see the output.

HTML Heading by PHP, MySQL, CSS, HTML and SEO Tutorials

In a html file there are six tags as h1, h2, h3, h4, h5, h6. To use those tags follow the steps below.

1. Open Notepad.
2. write the codes like below.
                          

3. Now save this as test_heading.html
4. Open the file in any browser and see the output.

"HTML Document" by PHP, MySQL, CSS, HTML and SEO Tutorials

To learn html at first you must open your notepad programme. Then write the codes given below.




Now save it as test.html. Open the file in any browser and see the output.