HTML

 What is HTML?

    Hyper Text Markup Language also known as HTML is a web development or designing language. It is used to design and create website's in easy and simple way. HTML is used to designing web page in order to obtains colors, style, pictures, etc. HTML program is written in NOTEPAD. HTML program save file name with (.html). Its output show in my recent document. You can see output of HTML program in web browser.

    Note:- Every program start with <.....> and ends with </......>.

                The starting and ending of HTML  could be same otherwise the program with run is different way. For example: <HTML>  </HTML>

There are some HTML tags or Attributes, which are shown below:

<pre>,<bgcolor>,<font size>,<b>,<font size   color>,<font size color face>,<i>,<h1 align>,<p>,<sup>,<sub>,<background>,<marquee>,<img height width>,<h space>,<v space>,<src>,<li>,<ol>,<ul>,<hr>,<a href>,<th>,<td>,<tr>,<iframe>,<br>,<select>,<option>,<label>,<input type>,<id>,<value>.

Now let's Start with some of the HTML Programs. Which are given below with complete programming and with their outputs also.

Program-1

    The First Program of HTML is very simple. In this program we use some HTML Tags like title, head and body.

<HTML>
<title>It is used for the html title which is shown on the top of the page or web browser.</title>
<head>It is used for the html heading. Just simple heading.</head>
<body>Anything you have to use or write, body is the best part to write something.
Welcome to our first HTML program.
</body>
</HTML>
OUTPUT:  Welcome to our first HTML program.

Program-2

    The Second Program is for the HTML Tag which is <pre>. It is used to show the output as same as the matter which written on program. You can also see in the Output of this program.

<HTML>
<title>Title of HTML</title>
<body><pre>
Hello, Everyone
Welcome
</body>
</HTML>
OUTPUT:Hello, Everyone
Welcome        (The Output of this program is shown as same as written.)

Program-3

    In this program you can change the color of background with any color which is similarly shown in white itself.

<HTML>
<body bgcolor=red>    "Note: You can choose any color in bgcolor"
Hey, Everyone.
</body>
</HTML>
OUTPUT:(bgcolor is used to bring the background color)
                Hey, Everyone.

Program-4

    In this program you can use Bold, Italic and Underline styles to the font. Which improves the beauty of text.

<HTML>
<body bgcolor=green>
<b> Program</b>    (b is used for bold font)
<i> Program</i>    (i is used for italic font)
<u> Program</u>    (u is used for underline the font)
<'/body>
</HTML>
OUTPUT:Text style change

Program-5

     In this program you are able to change the size of font to bigger and smaller. But there is one condition you cannot change the size to greater than 8 or maybe 9 which is not confirmed.

<HTML>
<body bgcolor=yellow>
<font size=7>Program</font>
<font size=6>Program</font>
<font size=5>Program</font>                                                                                                                      </body>
</HTML>
OUTPUT: Text font size change

Program-6

    In this program you are able to change the size and color of text. Yes, you can choose any color in it. It also have a condition, which is, if you write any name( any type of name, it maybe be yours or anything) it also pick color with randomly . For example, you write apple so it may show some different color instead of red.

<HTML>                                                                                                                                                      
<font size=7 color=red><b>Program</b></font>                                                                                        <font size=6 color=green><b>Program</b></font>                                                                                    </body>
</HTML>
OUTPUT: Text font and color both are changed.

Program-7

    In this program you are able to add font family also. In upper two programs you can change the size and color of texts but it this, you can also change the font family using "face" attribute or Tag.

<HTML>
<body color=orange>
<font size=7 color=red face="Arial">Program
<font size=6 color=green face="Cambria">Program
</body>
</HTML>
OUTPUT: Text font, color and style change.

Program-8

    In  this program you are able to  add headings of the text with alignments also. You can add different headings and alignments both, as you want.

<HTML>
<body bgcolor=blue>
<h1 align=center>Program</h1>
<h2 align=left>Program</h2>
<h3 align=right>Program</h3>
</body>
</HTML>
OUTPUT: The alignment of text written will be changed.

Program-9

    In this program you can use mathematical or scientific code . You can use superscript and subscript in this  program very easily. Subscript and Superscript both are used in some math and science equations. 

<HTML>
<body bgcolor=red>
<p>H<sub>2</sub>O</p>    (p is used for paragraph)
<p>cm<sup>2</sup></p>
</body>
<HTML>
OUTPUT: H2O cm²

Program-10

    In this program you are able to add picture in the background in output. First, you have to choose the picture or image ,whatever to want to say, and then copy the location of that picture and paste the location in Background Tag. And then run the program , you will able to see picture inserted in background.

<HTML>
<body background="">    (In ""  you have to copy paste the location of picture"
<b>Program</b>
<i>Program</i>
<u>Program</u>
</body>
</HTML>
OUTPUT: Set the background image with text in different style.
                                  


Comments

Post a Comment