Showing posts with label HTML. Show all posts
Showing posts with label HTML. Show all posts
Monday, June 3, 2013

What is HTML, introduction of HTML, HTML Tags, Web Designing


HTML:- 

The Hypertext Markup Language is used to design static web pages. It is a simplest language to create web pages and it is very easy to learn because it has certain Tags for doing every task. 
HTML tags are used to make and place a content on a web page.

HTML (Hypertext Markup Language) is used to create document on the World Wide Web. The HTML has a collection of "Tags" for developing the web pages, the each keyword or tag has its own functionality to place a content on a document.
It is a platform independent language that can be used on any platform such as Windows, Macintosh, Linux, and so on. A web page is a collection of text, images, buttons, links, radio buttons, check boxes etc. To do it the HTML provide Tags for every event like for inserting a radio button it provides an <input> tag


The All Tags are explained below click on each tag and read it in depth.

Wednesday, May 15, 2013

How to Change Font Color in HTML, How to Change Font Style, Font Size and Font Color in HTML


How to Change Font Color in HTML, How to Change Font Style, Font Size and Font Color in HTML



In HTML, there are many ways to change the Font properties like font color, font size, font weight, font style etc.
I am showing you the some ways to change the font properties in HTML

The first way to change the Font Properties:-
The <font> tag

<html>
<head>
<title>Changing Font of a Label</title>
</head>
<body>
<center>
<font color="red" size="7" face="Curlz MT">This is a Sample Font</font>
</center>
</body>

</html>

The second way to change the Font Properties:-
The style attribute of any tag

<html>
<head>
<title>Changing Font of a Label</title>
</head>
<body>
<center>
<div style="color:red;font-size:20px;font-family:Curlz MT;font-weight:bold">This is a Sample Font</div>
</center>
</body>

</html>

The third way to change the Font Properties:-
The <style>tag

<html>
<head>
<title>Changing Font of a Label</title>
<style type="text/css">
div
{
color:red;
font-size:20px;
font-family:Curlz MT;
font-weight:bold;
}
</style>
</head>
<body>
<center>
<div>This is a Sample Font</div>
</center>
</body>

</html>

I a sure the above examples definitely helps you.


Thanks for visiting.
Tuesday, January 22, 2013

Defination List in HTML - How to create a Defination in HTML


Definition List is used to create a paragraph of definition into a web page like a paper we are creating several type of definition of define many kind of topics by providing their Title and Description.
The Defintion List(DL) help a programmer to give same functionality like as a definition on paper...

Example:- 
<html>
<body>
<DL>
<DT>WWW</DT>
<DD>The term WWW refers to the World Wide Web or

 simply the Web. The World Wide Web consists of all

the public Web sites connected to the Internet 

worldwide, including the client devices (such as 

computers and cell phones) that access Web 

content.

 The WWW is just one of many applications of the 

Internet and computer networks.<DD>

</DL>

</body>

</html>
Saturday, January 5, 2013

What is the use of DIV tag in HTML - Difference between ID and Class Selector in HTML


What is the use of DIV tag in HTML - Difference between ID and Class Selector in HTML

DIV tag is used to make a section or a block on web page. It is the very frequently used tag for designing websites and templates.It is access in CSS by providing selectors ID and Class or both. 

ID can be access in CSS by using (#) symbol and class is access in CSS by using (.) symbol.

Difference between ID and Class:-
                                                      ID is used to give a unique identity to a tag and Class can be multiple for a tag.

Example:-
<html>
<style type="text/css">
div
{
      background:red;
      color:blue;
}
<body>
<div>this is the DIV </div>
</html>


Tuesday, January 1, 2013

DD Tag in HTML - How to make a Definition List in HTML


<DD> Tag in HTML - How to make a Definition List in HTML

The <DD> tag or Definition Data is used to define the Data of a Definition list. It is define the definition of a title which defined in <DT> or Definition Title.

Example:-

<DL>
<DT>WWW</DT>
<DD>The term WWW refers to the World Wide Web or 

simply the Web. The World Wide Web consists of all 

the public Web sites connected to the Internet 

worldwide, including the client devices (such as 

computers and cell phones) that access Web content.

 The WWW is just one of many applications of the 

Internet and computer networks.
<DD>

</DL>

Colgroup in HTML Table - How to make columns group in Tables in HTML


<Colgroup> in HTML Table - How to make columns group in Tables in HTML

The <colgroup> Tag is used to make the columns group in HTML Tables. Basically it is used to combined 2 or more columns in a group and specify the same layout like color, bgcolor etc for the column group.
The span property of a <colgroup> specify the how much columns you want to combined.

Example:-

<table>
<colgroup span="2" bgcolor="green"></caption>
<tr>
<th>Roll No.</th>
<th>Name</th>
<th>Course</th>
<th>Address</th>
</tr>
<tr>
<td>1001</td>
<td>Talib</td>
<td>MCA</td>
<td>Undefined</td>
</tr>
</table>

Caption tag in HTML Tables - How to give a title for a table in HTML


<Caption> tag in HTML Tables - How to give a title for a table in HTML

The Caption Tag is used to give a title to a Table in HTML. It defines the caption of a table by defining text between <caption></caption> tags.

Example:-

<table>
<caption>Student Info</caption>
<tr>
<th>Roll No.</th>
<th>Name</th>
<th>Course</th>
<th>Address</th>
</tr>
<tr>
<td>1001</td>
<td>Talib</td>
<td>MCA</td>
<td>Undefined</td>
</tr>
</table>

Button Tag in HTML - How to make a button without input tag


<Button> Tag in HTML - How to make a button without input tag

The Button Tag or<button> tag is used to make a clickable button in HTML without using the <input> tag.
The only one difference between button tag and button specified by input tag is you can place content like text and images both by <button> tag but input tag only support text.

Example:-

<button type="button">click me</button>

Br Tag in HTML - How to give line break in HTML


Br Tag in HTML - How to give line break in HTML

The BR or <br/> tag is used to give a line gap in HTML Document.
The br tag is also known as break tag, it give a line break after the text.

Example:-

<body>
Name<input type="text"><br>
Roll No.<input type="text"><br>
<input type="button">
</body>

Body Tag in HTML - What is body tag in HTML


Body Tag in HTML - What is body tag in HTML

The Body Tag is used to place the contents in a document such as from elements, hyperlinks, labels, buttons, images etc.
The body tag do not have any required attribute and it helps to make default background color and default font color for all document by specifying bgcolor and text properties.

Example:-

<body>
<form>
Name<input type="text">
Roll No.<input type="text">
</form>
<img src="favicon.png">
</body>

Blockquote Tag in HTML - What is the Use of Blockquote tag in HTML


Blockquote Tag in HTML - What is the Use of Blockquote tag in HTML

The Blockquote or <blockquote> tag is used to make a quotation for any particular field of any company or organization for defining their goal.

Example:-
<blockquote cite="http://w3stutorial.blogspot.com">
This blog has created for helping the students or new programmer in various topics like java,jsp,HTML,javascript,CSS,Ajax, JSON, Java Frameworks, asp.net and many more...</blockquote>



Big tag in HTML - How to make Big Text in HTML


Big tag in HTML - How to make Big Text in HTML

Big or <big> Tag is used to define big text in your web page. It similar to the bold or <b> tag but it used to make little big text as compare to <b> tag.

Example:-

<big> This is bigger text</big>

Basefont tag in HTML- what is the use of basefont tag in html


Basefont tag in HTML- what is the use of basefont tag in html

Basefont or <basefont> tag is used to set default font color, size and font family to all text of a web page.

Example:-
<head>
<basefont color="blue" size="6"/>
</head>
<body>
<div> this is a DIV tag</div>
<span>This is span tag</span>
</body>
</html>

Base Tag in HTML- How to set all links target with a common tag, What is the use of Base Tag in HTML


Base Tag in HTML- How to set all links target with a common tag, What is the use of Base Tag in HTML

The Base Tag is used to set a common URL to all the links specified in a web page. If we want to set all links will open in new window then we have to define it in <base> tag.

Example:-

<head>
<base href="w3stutorial.blogger.com" target="_blank"  >
</head>
<body>
<a href="w3stutorial.blogger.com">click to open this in new tab or window</a>
</body>
</html>

in above example there is no target attribute define in <a> tag but this link will open in new window or tab.

Bold Tag in HTML, How to Make Bold Text in HTML


Bold Tag in HTML, How to Make Bold Text in HTML

The BOLD or <b> Tag is used to make the Bold Text in a web Page.
The entire text which is enclosed with <b></b> tag is resulted as a bold text on Web page.

Example:- 

<b>This is Heading</b>  

Area Tag in HTML- How to make a shape and display content into it in HTML


Area Tag in HTML- How to make a shape and display content into it in HTML

The Area Tag is Used to make a specific area on Web Page inside an image-map by specifying its co-ordinates and we can use this area to show any type of content in that area including a web page.

Attributes of area tag:-

Shape:- This attribute is used to define the shape of area like rectangle, circle etc.

Coords:- This Attribute is used to set the coordinates of a given shape.

Href:- This Attribute is used to define a new page or new shape URL which is open when we click on that particular area.

Example:-
<img src="accesories.html" height="400" width="500" usemap="#map1"/>
<map name="map1">
<area shape="rect" coords="10,10,40,40" alt="Keyboard" href="keyboard.htm">
<area shape="rect" coords="10,80,40,40" alt="mouse" href="mouse.htm">
<area shape="rect" coords="80,10,40,40" alt="LCD" href="LCD.htm">
</map>


Applet Tag in HTML-How to Run a Java Applet Application on Browser, How to Run a Java program on Browser


Applet Tag in HTML-How to Run a Java Applet Application on 
Browser, How to Run a Java program on Browser

Applet Tag is used to run a Java Application on Browser. It is used to deploy a Java Class which is Compiled by Java Compiler and that Compiled class is executed by Applet tag. It has some attributes to run a Java Class.
Attributes in Applet Tag:-

Code:- The code Attribute is used to write a Compiled java class in Applet Tag.
Ex:-
<applet code="calculator.class"></applet>

Height:- The Height Attribute specify the vertical length of the Java Application on Browser.
Ex:- 
<applet code="calculator.class" height="500"></applet>

Width:- The Width Attribute specify the horizontal length of the Java Application on Browser.

Note:- Some browser do not support the Applet tag like google chrome these browser need to install an additional plug in to run a java applet code on browser.  

What is the use of Address Tag in HTML, How to write address in HTML


What is the use of Address Tag in HTML, How to write address in HTML

Address Tag is used to create an Address Block of an organization, company or Home. It is very useful tag for separating the address in a section.

Example:-

<address>
Permanent Address
Thomas Nolan Kaszas II
5322 Otter Lane
Middleberge FL 32068
</address>

Monday, December 31, 2012

What is Abbr tag in HTML, What is the use of Abbr Tag in HTML


What is Abbr tag in HTML, What is the use of Abbr Tag in HTML

The Abbr Tag is used to give a useful information for a particular text like a tool tip.
If you want to give the tool tip for a particular text and tell the users what its actually then you can use the <abbr> tag.

Example:-

<html>
<body>
<abbr title="World Wide Web">WWW consist of all the public websites connected to the Internet  </abbr>
In above example when you take the mouse pointer on the WWW the tool tip is appear and it shows World Wide Web.


Use of a tag or Anchor tag in HTML, How to link one page to another page in HTML, How to create Hyperlinks in HTML


Use of <a> tag or Anchor tag in HTML, How to link one page to another page in HTML, How to create Hyperlinks in HTML

The <a> tag is used to link a web page to other page or link.

It gives the facility to redirect from one page to another and also send some data associated with the URL.
example:-

<a href="secondpage.html">Go to Second Page</a>


the above example look like as below example:-


Go to Second Page


By Clicking on above link you can redirect to the given URL which is given in the href property of an anchor tag.