C Programming Hub: html

Showing posts with label html. Show all posts

Tuesday, 18 November 2014

How to Change Font Size in Html

Structure of the Problem Requirements

In this problem we will discuss about some text Property. One of the most important property of text is to change the font of the Text because some people have problem in eye sight they don't see text that font is less than 10. So when we Design a web site its own us to set the text font as user need. to change the font color we use fontsize property in html. Here is the source code of this web page which help you in better understanding.

SOURCE CODE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<title> HTML Font Change </title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<h1> HTML Font Change </h1>
<font size="5" > There is 5 Font Size </font></br>
<font size="15"> There is 15 Font Size </font></br>
<font size="105"> There is 105 Font Size </font></br>
</body>
</html>

OUTPUT OF THE PROGRAM

Html font Size

Drop Down List in Html

Unknown dropdownlist, html Be the first to comment!

Structure of the Problem Requirements

In this problem we will you make a drop down list in html. To create a down list in html we use <select> tag and for elements which is in Drop down list we use <option> tag. <option> tag open and closed with in option.Here is the source code of this web page which help you in better understanding.

SOURCE CODE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<label> Country: </label>

<option value= "Pakistan"> Pakistan </option>

<option value= "India"> India </option>

<option value= "Canada"> Canada </option>

<option value= "France"> France </option>

<option value= "Germany"> Germany </option>

<option value= "Italy"> Italy </option>

<option value= "Nepal"> Nepal </option>

<option value= "Other"> Other </option>

</select>

</body>

</html>

OUTPUT OF THE PROGRAM

Drop Down list in html

How to make a form in html

Unknown form, html Be the first to comment!

Structure of the Problem Requirements

In this problem we will you make a simple form in html. in simple form you can include some label and text input areas and there is some buttons. In our example we have 3 labels and and then there is some input text area and we are also used radio buttons for optional choice. Hence we make a simple form that is understandable for beginners. .Here is the source code of this web page which help you in better understanding.

SOURCE CODE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> An Developer </title>

</head>
<body class="bod">

<div id="header">
<h1> An Developer </h1>
</div>

<div class="dat">
<form class="feed" action="">
<h2>FeedBack</h2>

<div class="fo">
<fieldset>
<legend>Enter Your Feedback</legend>
<p>
<label>Full name</label>
<input type="text" name="fn" value=""/>
</p>
<p>
<label>Qualification</label>
<input type="checkbox" name="b1"/>Masters
<input type="checkbox" name="b2"/>Bachelor
<input type="checkbox" name="b3"/>Intermediate
<input type="checkbox" name="b4"/>Secondary

</p>
<p>
<label>Content</label>
<input type="checkbox" name="cb1" checked="checked"/>Helpful
<input type="checkbox" name="cb2"/>Medium
<input type="checkbox" name="cb3"/>not Helpful
<input type="checkbox" name="cb4"/>Difficult Procedure

</p>
<p>
<input type="submit" value="send FeedBack"/>
<input type="reset" value="reset"/>
</p>

</fieldset>
</div>
</form>

</div>
</div>
</div>
</body>
</html>

OUTPUT OF THE PROGRAM

Form in html

div tag in Html

Unknown div tag, html Be the first to comment!

Structure of the Problem Requirements

In this problem we will learn how to divide large area into sub number of division. You have a 4000 lines of code and that is very difficult to point our where can error occur. So we divide our code into sub division. For that purpose we use <div> tag. and in that tag you can also add the property of that code which in in </div> tag. In our example we can just change color of text. You can also give Id or Class name in div to represent Area of code.Here is the source code of this web page which help you in better understanding.

SOURCE CODE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title> Html Unorder List </title>

</head>

<h1> ANDEVELOPER </h1>

<ol>

<li> Android </li>

<li> Linux </li>

</ol>

</div>

</body>

</html>

OUTPUT OF THE PROGRAM

div tag in Html

Description List in html

Unknown DL, html Be the first to comment!

Structure of the Problem Requirements

In this problem we will learn how to arrange elements in Description List. In that list first you give element in <dt> tag and after that you can add it Description in <dd> tag. Description about the element which you add in <dt> tag. <dt> represent the define terms and <dd> represent the described each term. Here is the source code of this web page which help you in better understanding.

SOURCE CODE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title> Html Unorder List </title>

</head>

<h1> ANDEVELOPER </h1>

<dl>

<dt> Articles</dt>

<dd> Programming Tips, SEO, Android and Linux </dd>

<dt> Programming </dt>

<dd> C++, Java, Html, Andriod, Linux </dd>

<dt> Social Media </dt>

<dd> Gplus, Facebook, Stumbleupon, Twitter , Reddit </dd>

</dl>

</body>

</html>

OUTPUT OF THE PROGRAM

Description List in html

ORDER LIST IN HTML

Unknown html, order list Be the first to comment!

Structure of the Problem Requirements

In this problem we will learn how to arrange elements in order list. <ol> tage is used for order list and in that list <li> is represent each element in List. <li> tag added when you add new element. Or there is an option for starting number, you can give your own starting number in Order list and then numbering start from your own number. Here is the source code of this web page which help you in better understanding.

SOURCE CODE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> Html Unorder List </title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<h1> ANDEVELOPER </h1>
<ol>
<li> C++ </li>
<li> Java </li>
<li> Html </li>
<li> Php </li>
<li> CSS </li>
<li> Android </li>
<li> Linux </li>
<li> SEO </li>
</ol>
<h2> AN_DEVELOPER </h2>
<ol start = "20">
<li> C++ </li>
<li> Java </li>
<li> Html </li>
</ol>
</body>

</html>

OUTPUT OF THE PROGRAM

Order list in html

Unorder List in Html

Unknown html, UL Be the first to comment!

Structure of the Problem Requirements

In this problem we will learn how to arrange elements in unorder list. <ul> tag is used for unorder list and in that list <li> is represent each element in List. <li> tag added when you add new element. There is different styles that can you be added in unorder list but in our example i didn't add this due to simplicity and ease of learning for beginners. Here is the source code of this web page which help you in better understanding.

SOURCE CODE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title> Html Unorder List </title>

</head>

<h1> ANDEVELOPER </h1>

<ul>

<li> Android </li>

<li> Linux </li>

</ul>

</body>

</html>

OUTPUT OF THE PROGRAM

Html Unorder List

Inserting Images in HTML table

Unknown how to put images in HTML table, html 1 comment

Structure of the Problem Requirements

In this problem we will learn how to insert images in HTML table. Before this we upload how to make a table in HTML. Images can be inserted into table through rows and columns with defining the image URL, height and width. Here we insert three images from the different places. Here is the source code of this web page which help you in better understanding.

Source Code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title> Programming Hub </title>

</head>

<body>

<h1> Programming Hub </h1>

<table>

</tr>

</table>

<p>© Copyright Lets Enjoy Programming 2014

</p>

</body>

</html>

Output of the Program

Inserting Images in HTML table

How to make a Table in Html

Unknown Create table, html Be the first to comment!

Structure of the Problem Requirements

In this problem we will learn how to make a table in html web page. for that purpose we can use only two terms one is TR that is represent table row and TD that is representing Table dimensions or you can simply say table column.And after that you can also add that Table header and footer using <thead> and t<footer> respectively. Here is the source code for better understanding.

SOURCE CODE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title> Books </title>

</head>

<body>

<h1> HTML Table Tutorial</h1>

</div>

<thead>

<tr>

<td>Android</td>

</tr>

</thead>

<tr>

</tr>

<tr>

</tr>

<tr>

<td>Android</td>

<td>Android_1 </td>

<td>Android_2 </td>

<td>Android_3 </td>

<td>Android_4 </td>

<td>Android_5 </td>

</tr>

<tfoot>

<tr>

</tr>

</tfoot>

</table>

</div >

</div>

</body>

</html>

OUTPUT OF THE CODE

Create Table in Html

How to make link in Html

Unknown html, make link Be the first to comment!

Structure of the Problem Requirements

In this Program we can tell you that how to make a link in html. Multiple links you found on every web page. HTML links are called hyper links. and the hyper link is an element, text or an image to be link with any other site. For that purpose we use simply "href" key word for this.

<a href="index.html"> Home</a "a" is use for tag and href mean reference of hyper link or another web link.here is the code for better understanding.

SOURCE CODE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> How to make link in Html </title>

</head>
<body class="bod">

<div id="menu">
<ul>

<li><a href="index.html"> Home</a></li>
<li><a href="page3.html"> Introduction</a></li>
<li><a href="page2.html">Early Years</a></li>

</ul>
</div>
</body>
</html>

OUTPUT OF THE CODE

Html Links

My First Web Page

Unknown How to make head of webpage in html, how to make page heading in html, how to write paragraph in html, html, my first web page Be the first to comment!

Structure of the Problem Requirements

Hi Friends! Welcome to LEP 's HTML Tutorial. HTML is a hyper text markup language which is used to build web pages. Web pages consist of different HTML tags which describe different document and content in a webpage. Here we placed a small piece of html code with its output and description. The First two lines define the <!DOCTYPE> which help the browser to display the webpage correctly. After this head (title define in head )start which labeled the page in the address bar. The body tag define the actual body of the webpage. All the others tags like heading<h1> and paragraph<p> are defined here.

Note : We checked codes in W3 Validator before Uploading.

Source Code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title> Programming Hub </title>

</head>

<body>

<h1> LEP Tutorials </h1>

<p>This is our HTML tutorial. </p>

<p>We will learn in this tutorial how to build web pages.</p>

</body>

</html>

Output of the Code

HTML Tags Description

Hottest:

Tuesday, 18 November 2014

Structure of the Problem Requirements

SOURCE CODE

OUTPUT OF THE PROGRAM

Sunday, 16 November 2014

Structure of the Problem Requirements

SOURCE CODE

OUTPUT OF THE PROGRAM

Saturday, 15 November 2014

Structure of the Problem Requirements

SOURCE CODE

OUTPUT OF THE PROGRAM

Structure of the Problem Requirements

SOURCE CODE

OUTPUT OF THE PROGRAM

Structure of the Problem Requirements

SOURCE CODE

OUTPUT OF THE PROGRAM

Structure of the Problem Requirements

SOURCE CODE

OUTPUT OF THE PROGRAM

Structure of the Problem Requirements

SOURCE CODE

OUTPUT OF THE PROGRAM

Friday, 14 November 2014

Structure of the Problem Requirements

Source Code

Output of the Program

Thursday, 13 November 2014

Structure of the Problem Requirements

SOURCE CODE

Wednesday, 12 November 2014

Structure of the Problem Requirements

SOURCE CODE

Structure of the Problem Requirements

Note : We checked codes in W3 Validator before Uploading.

Source Code

Output of the Code

Find Your Code

Pages