what is WWW

In the previous post we learn about what is Web Browser and in this post we will learn What is WWW and What is the use of WWW.

WHAT IS WWW:

WWW is stand for world wide web.it is the universe of hypertext servers (HTTP servers) which are the servers that allow text, graphics, audio, video, sound file to be mixed together.The world wide web is a hypertext based system providing a uniform, user friendly interface for finding and accessing internet resources.

The world wide web is abbreviated as www or web is an information resource where documents and other web resources are identified by Uniform Resource Locators (URLs) that can be access by the internet.

WHAT IS THE USE OF WWW:

In 1980, a scientist developed programming language called as hypertext markup language (HTML). The program in which we write in this language is called as web page.Early web pages contain only textual information.but nowadays because of advanced technology web pages can contain audio, video, text, graphics, animation, sound and colors etc.by using the internet we can send the information receive the information or share the information from different computers of different networks from any place.

The WWW is  a series of documents called as web pages developed using HTML and which can be accessed  by using the internet with the help of web browser.We can say that the WWW is a market place.WWW is also called as W3.The WWW and HTTP allow to call the link from one page to another page that page may contain  audio, video etc and textual information.

Read More

How to create table in HTML

In this post we will learn how to create a table in html in the previous post we already discuss about
What is table tag in html and in this tutorial we will learn how to create table iin html. html is the web based programming language.

For creating table we need to know what is <table> table tag and what is <td> and <th> tag in html.

<TR>:

1. <TR> tag is a table row.
2. <TR> table row tag is a paired tag.
3. <TR> table row tag starts with <TR> and end with <TR>.
4. <TR> table row tag is used for creating a row in a table.
5. <TR> table row contain more than one <TD> table data and <TH> table heading tag.

<TH>:

1. <TH> tag is used for table heading.
2. <TH> table heading tag is a paired tag.
3. <TH> table heading tag is start with <TH> and end with </TH>.
4. By default the text written in <TH> table heading tag is in bold format.  

<TD>:

1. <TD> is a table data tag.
2. <TD> tag is used for creating standard cell in table.
3. <TD> table data tag is a paired tag.
4. <TD> table data tag is start with <TD> and end with </TD>.

Below is the source code of the table

<table>
<tbody>
<tr>
<th>Name</th>
<th>Student id</th>
</tr>
<tr>
<td>rehan</td>
<td>111</td>
</tr>
<tr>
<td>raj</td>
<td>232</td>
</tr>
<tr>
<td>rohit</td>
<td>2</td>
</tr>
<tr>
<td>khan</td>
<td>222</td>
</tr>
<tr>
<td>rahul</td>
<td>333</td>
</tr>
</tbody></table>

Output:

Name	Student id
rehan	111
raj	232
rohit	2
khan	222
rahul	333

Read More

What is table tag in HTML

Table tag in html is the important part in HTML.In this post we will learn what is table tag in html and attributes of table tag in html.

What is table tag in html:

1. Table tag is used to create a table in html.
2. Table tag is a paired tag that start with <TABLE> and </TABLE>.
3. Table tag in html start with <TABLE> and end with </TABLE>
4. Table tag in html display the data in a table format instead of paragraph or other block level structure.
5. With the help of table tag in html we can show data in the rows and columns.
6. When the data is displayed in rows and columns it is easy to read.

Attributes of table tag :

Following are the attributes of table tag in html.

1.WIDTH:
This attribute is used to specify the width of the table and it is specified in terms of pixels.

Example:
<table width="5"> or <table width="50%">

2.ALIGN:
This attribute is used to specify the horizontal alignment of the table.

Example:
<table align="right">
<table align="left">

<table align="center">

3.BORDER:
This attribute is used to specify the border of the table.By default there is no border to the table.

Example:
<table border="2">

4.BORDER COLOR:
This attribute is used to specify the color to the border to the table.

Example:

<table border color="red">

5.BORDERCOLORDARK:

This attribute is used to apply dark color to the border.

Example:

<table bordercolordark="blue">

6.BORDERCOLORLIGHT:

This attribute is used to apply the light color to the border.

Example:

<table bordercolorlight="blue">

7.BGCOLOR:

This attribute is used to apply the background color of the table.

Example:

<table bgcolor="magenta">

8.BACKGROUND:

This attribute is used for displaying image as a background of table.

Example:

<table background="c:\pic.jpg">

9.CELLSPACING:

This attribute is used to provide the space between the cells of the table.It is in terms of pixels.

Example:

<table cellspacing="50">

10.CELLPADDING:

This attribute is used to provide the distance between the cell border and the cell data.

Example:

<table cellpadding="1">

I hope you will understand what is table tag in html.and in the next post we will learn how to use table tag in html and how to create table in html.

Read More

What is marquee tag

Marquee is a tag in HTML.For using Marquee tag in HTML we need to know what is Marquee tag and how to use Marquee tag in HTML.
HTML Language is used for creating web pages for the world wide web.
In HTML a block of text is surrounded with tags.

In this post we will learn What is marquee tag and How to use marquee tag in HTML.
In the previous post we learn How to add background image in HTML.and in

What is marquee tag:

Marquee tag is a paired tag that start with <MARQUEE> and ends with </MARQUEE>.
This tag scrolls the text enclosed in between <MARQUEE> and </MARQUEE> tag within a document.

A marquee tag is used to scroll the text either in horizontally or vertically on web page depending on the setting.

syntax:

<MARQUEE ATTRIBUTE NAME="ATTRIBUTE VALUE">

                TEXT WRITE HERE...OR IMAGE......

</MARQUEE>

Attributes of marquee tag are as follows:

1.Behavior:

This attribute indicate the type of scrolling Behavior=scroll scrolls text from one side of the marquee to across or opposite side.

Behavior=slide scrolls text from one side of the marquee across and stops when the text reaches the opposite side.

Behavior=alternate bounces the marquee text from one side to other.

Example: 

<marquee behavior=slide>

      theprogrammingsolution

</marquee>

2.BGCOLOR:

This attribute specify the background color of the marquee.

Example:

<marquee bgcolor=red>

      theprogrammingsolution

</marquee>

3.Direction:

This attribute specify the direction in which the marquee text scrolls.

the possible values are LEFT and RIGHT.

Example:

<marquee direction=right>

      theprogrammingsolution

</marquee>

4.Height:

This attribute is used to specify the height of the marquee in vertical dimension.

Example:

<marquee height=200>

      theprogrammingsolution

</marquee>

5.width:

This attribute specifies the width of the marquee in horizontal dimension.

Example:

<marquee width=200>

      theprogrammingsolution

</marquee>

6.hspace:

This attribute specify the size of the margin to the left and right side of the marquee.

Example:

<marquee hspace=22>

      theprogrammingsolution

</marquee>

7.vspace:

This attribute specify the size of the margin from top and bottom side of the marquee.

Example:

<marquee vspace=22>

      theprogrammingsolution

</marquee>

Below is the code for marquee tag:

<html>

   <head>
      <title>Programming solution</title>
   </head>
 
   <body>
      <marquee>theprogramming solution</marquee>
   </body>
 
</html>

Output:
theprogramming solution


So in the above post we learn what is marquee tag and how to use marquee tag in html.I hope you will understand the marquee tag.

Read More

How to add Background image in HTML

In this post we will learn How to add Background image in HTML.In the previous post we already learned that What is paragraph tag in HTML. but in this post we are learning about How to add Background image in HTML.

Below is the code to insert image in HTML:

<!DOCTYPE html>
<html>
<head>
<title>titile of your document</title>
</head>
<body>
<body background="D:\image.jpg" height=400 width=555>
<p>this is my first paragraph</p>
</body>
</html>

This will produce following result:

I hope you will understand How to insert background image in HTML.If you like this post please share on social media.

Read More

What is paragraph tag in HTML

In the previous post we learn about what are the advantages and disadvantages of HTML.In this post we are learning what is paragraph tag and How to create a paragraph in HTML.

<P>:

1. This is a paragraph tag that start with <p> and ends with </p>.
2. This is a paired tag.
3. When we use <p> tag element it will be structure your document into different paragraph.
4. A paragraph can be created by enclosing text within paragraph codes <p>.....</p>.
5. we must specially define a paragraph in the code by using a paragraph tag.
6. In HTML <p> element represent a paragraph text.
7. If we add number of empty lines in paragraph then browser will ignore that lines.
8. If we add lot of spaces in the paragraph then browser will ignore the spaces. 

Attributes of paragraph tag:
ALIGN:
This attribute is used to where the text appear on the screen.The values are LEFT, RIGHT, CENTER. Default is LEFT.
Example: <P ALIGN="CENTER">

WIDTH:
This attribute is used to specify the horizontal width of a paragraph (one line width).
Example: <P WIDTH=255>

STYLE:
This attribute is used to apply formating to paragraph text.
Example: <P STYLE="background:red; color: yellow">

TITLE:
This attribute is used as tool tip text when mouse is point to the paragraph.
Example:<P TITLE ="Text">

Example of paragraph tag:

<html>
<head>
<title>Demo of paragraph</title>
</head>
<body>
<p>This is first paragraph</p>
<p>This is second paragraph</p>
</body>
</html>

The above example will produce following output:
This is first paragraph

This is second paragraph

Read More

Advantages and Disadvantages of HTML

In the previous post we learn about What is HTML tags.In this post we will learn what are the advantages and disadvantages of HTML.Before we discuss the advantages and disadvantages of HTML we must know What is HTML.

What is HTML:
HTML stands for Hyper Text Markup Language.HTML language is used for creating web pages for the world wide web.In HTML a block of text is surrounded with tags.Also in HTML a word or image or text can be linked to another document on the web.HTML files are viewed with a world wide web browser.

Advantages of HTML:

1. HTML is widely used.
2. HTML is easy to learn and understand than any other programming language.
3. We can write HTML code in any text editor like notepad, sublime text, brackets,  text mate, text pad etc.
4. If some part of HTML program are not working properly then we can find error easily.
5. We can easily understand the structure of our page.
6. Every browser support HTML language.
7. HTML program can be created on any Hardware configuration computer using any text editor. 
8. We can HTML in any text editor so we don't need to spend money for buying a license.
9. We can work independently from our computer so we don't need any software.

Disadvantages of HTML:

1. It provides only static output it means that HTML can provide read only information so if we need dynamic pages then HTML is not helpful.
2. HTML is not a perfect programming language.
3. In HTML we need to write lot of code for simple web page.
4. HTML can not be used to apply operation on strings and date.
5. The security of HTML is not good.
6. The web pages developed in HTML can not act like an application.
7. The web pages developed in HTML do not have their own interfaces.Interfaces are provided by using vbscript and javascript.  

I hope you will understand The Advantages and Disadvantages of HTML.If you like this post please share on social media.

Read More

What is HTML tags.

In the previous post we learn about How to insert image in HTML.HTML is a web page designing language in which we can design different type of web pages.In this post we will learn what is HTML tag.

What is HTML tags:

An HTML element that starts with a tag and ends with a tag is called as HTML element.The tag is a unit of markup.Tags start with a less than sign (<) followed by a keyword,concluded with greater than sign (>).These symbols are known as angle brackets. example of html elements are as  <p>.....</p>,<h1>.....</h1>,<div>.....</div> etc.

Heading tag:

Heading tag is important in HTML because any HTML document start with heading.we can use different size of heading.HTML has six level of heading which use the elements are <H1>, <H2>,   <H3>, <H4>, <H5>, <H6>.

This is H1 heading

This is H2 heading   

This is H3 heading

This is H4 heading

This is H5 heading

This is H6 heading

<P>:

This is a paragraph tag that start with <p> and ends with </p>.This is a paired tag.when we use <p> tag element it will be structure your document into different paragraph.A paragraph can be created by enclosing text within paragraph codes <p>.....</p>.we must specially define a paragraph in the code by using a paragraph tag.

example

<html>
<head>
<title>Demo of paragraph</title>
</head>
<body>
<p>This is first paragraph</p>
<p>This is second paragraph</p>
</body>
</html>

The above example will produce following output:
This is first paragraph
This is second paragraph

<B>:
This is a Bold tag that starts with <b> and ends with </b>.The text enclosed in between <b> and</b> will be displayed in bold form you can see in below example.

<I>:

This is a italic tag that starts with <i> and ends with </i>.The text enclosed in between <i> and</i> will be displayed in italic form you can see in below example.

<U>:
This is a underlline tag that starts with <U> and ends with </U>.The text enclosed in between <U> and</U> will be displayed in underline form you can see in below example.

<html>
<head>
<title>Demo of paragraph</title>
</head>
<body>
<p>This is normal text</p>
<B>This is a Bold text</B><br/>
<I>This is a italic text</I><br/>
<U>This is a underline text</U><br/>
</body>
</html>

The above example will produce following output:

This is normal text

This is a Bold text

This is a italic text

This is a underline text

Read More

How to insert an image in HTML

In the previous post we learn about what is image tag. Html is web page programing language in which we can create web page and web applications and in web page we can add images so in this post we will learn How to insert an image in HTML.

Below is the code to insert an image :

<!DOCTYPE html>
<html>
<head>
<title>titile of your document</title>
</head>
<body>
<img src="D:\wallpaper.jpg" height="155" width="155">
</body>
</html>

This will produce following result:

I hope you will understand How to insert an image in HTML.If you like this post please share on facebook.

Read More

What is Image tag in HTML

In the previous post we learn about How to add hyper link in html.In this post we will learn what is <IMG> image tag and attributes of image tag.Html is a web based programing language in which we can create web page and web applications and in web page we can add images so images can be added in web page by using <IMG> image tag.

points that covered in this topic are:

1. what is <IMG> image tag.
2. types of <IMG> image tag.

1.what is image tag:

The purpose of the image tag is use to insert image in HTML.The Html image tag is use to put an image in Html document.The purpose of the image tag is to include graphic images in the body of html document.The alt attribute is the alternative description of image tag.The image tag <IMG> has no closing tag.The src attribute specifies the address of the image.

You can insert any image in your html document by using <img> image tag.Following is the syntax of <img> image tag.

Syntax:

<img src="image URL".....attribute-list>

In the above syntax at the place of image URL we have to write address of the image.

2.Types of image tag:

1.Inline image:

Images are sometime referred to as inline images because the images are inserted within a line of text.If the image is a large one, then the line becomes very tall, and a lot of white space will appear.

2.Floating image:

Floating images cause text to wrap around the image.Image can either be left aligned or right aligned.The paragraph will flow around the image for several lines, if the image is large.If we have an image in the same directory as our html file then we don't have to provide a path of image file and tag can be written as follow:

<IMG SRC="mobile.jpg">

If the image is present in another directory then tag can be written as follow:

<IMG SRC="c:\images\mobile.jpg">

The above tag will insert image mobile.jpg in the Html web page.In the next post i will tell you about How to insert image in HTML.

Read More

How to add Hyperlink in HTML

HTML is a web based language which is used for web page designing and web applications.In the previous post we learnt about what is HTML and what is Web Browser.In this post we will learn about Hyperlink 
The topics we will cover in this topic are

• what is Hyperlink.
• Type of Hyperlink.
• How to add Hyperlink in HTML.

What is Hyperlink:

A Hyperlink is a word or image in which you click and you can go to another document. Hyperlink is used to link another document to our document.Hyperlink can be found in all websites.websites allowing users to click and jump to another page within current page. Hyperlinks when you move the pointer to a hyperlink's text or image then pointer is changed to a small hand pointing.You can create a hyperlink on web page by using text or images.

The hyperlink or anchor can be created using <A HREF="URL">.....</A>.The link document is specified in place of URL.We can link text or image as a hyperlink.The text which is enclosed in between <A> and </A> is displayed with underline,so when we click on that text then link will be open in another document(text or image).

Types of Hyperlink:

Hyperlinks are of two types:

1. Internal link
2. External link

1.Internal link:
This is the link to our own website If we create a link to our document then it is called as internal link.for example you can see following links:

HTML
PHP

2.External link:
This is a link which link to another web page.If we create a link to another web page or web site then it is called as external link..you can see the following example:

W3Schools

How to add Hyperlink in HTML:

<html>
<head>
<title>Demo of hyperllink</title>
</head>
<body>
<A href="http://tutorialpointsolution.blogspot.in/2017/12/what-is-html.html">HTML</A>
</Body>
</html>

The output of above code is below
HTML

Read More

What is Web Browser

In the previous post we learn what is HTML and What is PHP. In this Tutorial we will learn what is web browser.

Web Browser

  Web browser is a software (computer application) that used to enable computer users to locate and    access web pages. Browser is a piece of software (Computer application) that acts as an           intermediate between the user and the internet. Browser translate the basic HTML(Hypertext Mark   Up Language) that allows us to see images,text,videos, and listen to audios on website ,along with   hyperlink that let us travel to different web pages.The browser gets in contact with the web server   and request for information .The web server receives the information and displays it on the   computer. 

There are different browsers for various things you do on the internet. There are two type of web browser Text Browser and Graphical Browser.

Text Browser
Text browser can display only text and no graphics.In this browser you are only allowed to see text.Graphics will not be displayed in this browser.
An example of text based browser is lynx.

Graphical Browser
Graphical browser display text as well as graphics.This is a graphical browser and that allows the user to see all types of multimedia. 

Read More

What is HTML

HTML stands for Hyper Text Markup Language.HTML language is used for creating web pages for the world wide web.In HTML a block of text is surrounded with tags.Also in html a word or image or text can be linked to another document on the web.HTML files are viewed with a world wide web browser.

HTML is the web programming language in which we can create web pages and web applications with cascading style sheet(CSS).It contain elements are HTML codes HTML tags etc. Html web page this is a static page you can only view.HTML page cannot give request and cannot get response from server using HTML. HTML provides number of elements like paragraph tag <p>,image tag <img>, and <h1>.Its elements are the building blocks of web page. By using Html you can create your own website.It is basic of all web based programming languages.

Read More