Tuesday 28 February 2017

HTML Lesson - 6

     No comments

SIXTH LESSON OF HTML

 

<!DOCTYPE html>
<html>
<head>
<title>Sixth Lesson of HTML</title>
</head>
<body>
<h1>Listing in HTML</h1>
<p> HTML provides a very interesting feature of listing. We can create ordered & unordered lists in HTML.
Ordered list gives numbering to object whereas unordered list gives bullets (circles, squares, disc etc.)
Ordered list can be created using [ <ol> ] tag & unordered list can be created using [ <ul> ] tag.
Further listing in both list can be done with the help of [ <li> ] tag.
 </p>

For example:
<ul>
    <li>SEO</li>
     <li>PHP</li>
     <li>JAVA</li>
</ul> 
[Above example is of Unordered list.]

<ol>
     <li>SEO</li>
     <li>PHP</li>
     <li>JAVA</li>
</ol>
[Above example is of Ordered list.]

</body>
</html>


Now, Few Key points to remember always:
  • In unordered list, disc shape is by default.For other shape like circle or square, you have to define the list-style-type.
  • In ordered list, numbers are by default. For other type like uppercase or lowercase alphabets or roman numbers, you have to define the list-style-type.

Wednesday 22 February 2017

Saturday 18 February 2017

HTML LESSON - 4

     No comments

 

FOURTH  LESSON OF HTML

<!DOCTYPE html>
<html>
<head>
<title>Fourth Lesson of HTML</title>
<head>
<body>
<h2>Learn with us in  easy and simple way!!!</h2>
<h3 style="color:blue;">Sky says, I am blue.</h3>
<!-- In above line of code, paragraph text color will be blue--->
<br>
<p style="font-family:verdana;">I am a member of the font-family. Try to use me!</p>
<!-- In above line of code, font will be change from default font to verdana.--->
<br>
<p style="font-size:36px;">My size is bigger, just compare me with default size. </p>
<!-- In above line of code, font will be in bigger size.--->

</body>
</html>




Now, Few Key points to remember always:

  • Always try to use hexadecimal code for defining color of object.

Monday 13 February 2017

HTML LESSON - 3

     No comments

 

THIRD LESSON OF HTML

<!DOCTYPE html>
<html>
<head>
<title>Third Lesson of HTML</title>
</head>
<body>
<h1>How to add image in webpage?</h1>
<p>Images in HTML can be used with the [ img ] tag. </p>
For example:
<img src="background.jpg" alt="www.google.com" width="100px" height="120px">

<p> In the above code, src is the source from where image is taken, alt is alternate source i.e. if your main image is not found or may not visible for any reason , then this alternate text will be appear. Width and Height decides the size of this image.
</p>
</body>
</html>


Now, Few Key points to remember always:
  • Always remember to define the image type extension like .jpg, .png, .gif etc.
  • Image size should always be greater than or equal to your required area size, where you use image. As, smaller image will be blurred or not visible properly.

Tuesday 7 February 2017

HTML LESSON - 2

     No comments

SECOND LESSON OF HTML

<!DOCTYPE html>
<html>
<head>
<title>Second Lesson of HTML</title>
</head>
<body>
<h1>Some New Tags</h1>
<p>An a or anchor tag [ < a > < /a > ] is for making hyperlinks in HTML.</p>
For example:
<a href="http://google.com">This is a link</a>
<br> 
<p> A br tag is an empty element without closing tag [ < br > defines a line break. ] </p>
</body>
</html>




Now, Few Key points to remember always:

  • For learning purpose, one can write code in NOTEPAD (PC) or Textedit (MAC).
  • Then, that notepad file should be saved with .html extension.

Friday 3 February 2017

HTML LESSON -1

     No comments

FIRST LESSON OF HTML 

Here, we are explaining how to write a basic HTML code with its output.

<!doctype html>
<html>
<head>
<title>First Lesson of HTML</title>
<!--This is the title of webpage which appears on the top of the page-->
</head>
<body>
    <h1>Learning HTML is quite interesting</h1>
    <!--This is the heading of the webpage. Here, h define the heading and 1 define the size-->
    <p>HTML is a hyper text markup language, which is helpful in designing a webpage with the help of different tags.
       It is vey easy computer language.
    </p>
    <!--This is the paragraph of the webpage-->
</body>
</html>


OUTPUT OF THE ABOVE CODE



















 Now, key points to remember always:
  • In HTML, heading tag can be used from <h1> to <h6>, where <h1> is the largest heading and <h6> is the smallest heading.

Thursday 2 February 2017

HTML BASICS

     No comments

 

 

 

 

 

 

 

 

 

HTML for beginners!

Introducing with a very basic and primary structure of HTML.

<!DOCTYPE html> 
<!---Above line is very first and important line for starting any HTML page.--->

<head>
      <title></title>
</head>
<body>
       <h1></h1>
        <p></p>
</body>
</html>


Now, few key points to remember always:-
  • Every tag is surrounded by brackets.
  • Every tag must be closed by a sign known as back slash "/ ".
  • All the content or data or any information which we want to show or display  on our webpage must be written inside the body tag.