Learn Web Designing Online

Learn HTML, CSS, JAVA, in a very easy way. just go above WEB DESIGNING link and find your required course.

Past Papers

Here you can find past papers of Metric and Inter of all boards of last 5 years.

Wallpapers Collection

Here you can find Best collection of different type of High Quality Wallpapers.

SMS Collection

Find Funny, Sad, Poetry, Birthday, Islamic and many more Text Massages.

Mobile's Prices and Tips

Find out the prices of all mobiles and tips about hardware and software problems.

Showing posts with label build own website. Show all posts
Showing posts with label build own website. Show all posts

Monday, 9 March 2015

Build Simple Website Using HTML ||Lesson 2||

Lesson No. 2
Today we learn some more tags and frames.
Following are some important tags.



<html>

<head>

<title>This is title</title>

</head>

<body bgcolor="yellow">Change the Background color of body

<H1 align="center"> Show Heading in the MIDDLE of the page, with heading level 1 </H1>

<H2 align="right"> Show Heading in the RIGHT of the page, with heading level 2 </H2>

<H3 align="left"> Show Heading in the LEFT of the page, with heading level 3 </H3>

<a href="http://edhelpers.blogspot.com/"> To Add Links in a Page </a>

</body>

</html>



Some Important Abbreviations….

HTML    = Hyper Text Markup Language
 

HREF    = Hyper Reference

SRC    = Source
 

A    = Anchor Tag
 

b    = Bold
 

i    = Italic
 

u    = Underline
 

p    = Paragraph


And here are some Frame Tags. Frame tags are used to divide your webpage in different rows and columns. 


1.    In front of FRAMESET tags, the Percentages shows the different parts of page.


2.    And *Percentage show the rest of the part of page. 


3.    And FRAME tag shows that which of your web page show in which column. 


4.    After implementing you can adjust the width of columns by just using courser on webpage. Click on column line and adjust as you want.

<html>

<frameset cols="25%,30%,*%">

<frame src="lesson 1.html">
<frame src="lesson 2b.html">
<frame src="lesson 1.html">

</frameset>

</html>




5.    But you can restrict your frame not resize. Codes are as given below.
6.    Just like column you can divide webpage into rows as well.

<html>

<frameset rows="50%,50%">

<frame src="lesson 1.html">

<frameset cols="25%,30%,45%">

<frame src="lesson 2.html">

<frame src="lesson 1.html">

<frame src="lesson 2.html">

</frameset>

</frameset>


</html>


Build Simple Website Using HTML ||Lesson 1||

Lesson No. 1
If you ever want to start your own website, then this article is for you. I am gone through the basics of building your website using notepad.

One thing keep in mind that, every tag that you start, must have to close.

Some Important Instructions;

1.    Any text written between the TITLE tags is shown on the title bar of webpage.

2.    You’re all JAVA and CSS cods are in between the HEAD tag.

3.    All remaining information are written in between BODY tag.

4.    H1, H2, H3, H4, H5, H6 are the heading level, bigger the number is the smaller the writing is, like H1 is for big word, H6 is for smaller word.

Following are some basics commands try to learn them, and copy and paste in NOTEPADE and save file as FileName.html  OR  FileName.htm (use .html or .htm whatever you prefer) and run the file.
You can edit cods and try to write your own.

<html>

<head>

<title>This is title</title>

</head>

<body>This is Body Tage

<H1> This is heading tag </H1>

<br />This is line break tag. Use to break lines

<b>This is bold line</b>

<i> This is Italic line</i>

<u> This text is underline</u>

<p> This is paragraph </p>

<hr /> This is horizontal Line. This divide page into different parts.

</body>

</html>




Blogger Tips and TricksLatest Tips And TricksBlogger Tricks