Header Ads

HOW TO CREATE AN HTML WEB PAGE GET SET GO WITH THE BASICS.

HY FOLKS ME BLOGGER NAJEEB ARMAN I AM TODAY HERE FOR THE ONE'S WHO DOESN'T HAVE A KNOWLEDGE ABOUT CREATING AN HTML PAGE.

  • Specially for the newly joined ENGINEERING STUDENT'S including me here also doing the first year in KG REDDY COLLEGE OF ENGINEERING AND TECHNOLOGY, Moinabad , Telangana .
  •  As HTML (Hyper Text Markup Language) . is necessary to learn for engineering student so Am here to provide you the basic knowledge about HTML. 
 

Step 1: Open Notepad.

To open Notepad in Windows 7 or earlier:
Click Start (bottom left on your screen). Click All Programs. Click Accessories. Click Notepad.
To open Notepad in Windows 8 or later:
Open the Start Screen (the window symbol at the bottom left on your screen). Type Notepad.

Step 2: Write Some HTML coding.

Write or copy some HTML into Notepad.
<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

Step 3: Save the HTML Page

Save the file on your computer.
Select File > Save as in the Notepad menu.
Name the file "lab work.html" or any other name ending with .html


 
You can use either use .htm or .html as file extension. There is no difference, it is up to you.


  

Step 4: View HTML Page in Your Browser

Open the saved HTML file in your favorite browser. The result will look much like this:


 All HTML documents must start with a type declaration: <!DOCTYPE html>.
The HTML document itself begins with <html> and ends with </html>.
The visible part of the HTML document is between <body> and </body>.
AS AN EXAMPLE:

<!DOCTYPE html>
<html>
<body>

<h1>THE HEADING YOU WANTED TO KEEP</h1>

<p>THE PARAGRAPH YOU WANNA WRITE.</p>

</body>
</html>

JUST TRY TO TYPE THIS COMMANDS IN YOUR NOTE PAD AND SAVE IT AS .HTML FORMAT AND OPEN IT FROM THE PLACE U SAVED IT. 
 Headings:
 HTML headings are defined with the <h1> and end with </h1>
 Paragraphs:
 HTML paragraphs are defined with the <p> and ends with </p>
 Link:
 HTML links are defined with the <a href"=THE WEEBSITE YOU WANNA LINK">THE NAME OF THE WEBSITE</a>  

 in between these you can write the content you want as shown in the examples..
 
THANK YOU .
Credits:- NAJEEB ARMAN
I WANNA SHARE FEW PICS TAKEN IN MY CAMPUS ON MY FIRST DAY 06/08/2015  :-)  
  



THANK YOU

No comments