Pages

Subscribe:

Saturday, August 27, 2011

Html (Hypertext Markup Language)Lesson 1

  • What is Html?
It's Web design language that browsers can understand.Browser read page's html codes and make a visible page to the user (friendly way). HTML mean Hypertext Markup Language.
  • What do you want to learn html??
Only a notpad software and browser to see your page.
  • First lesson(Html code part 1)
1.Open Notepad Software(How to:Start>all programmers>Accessorice>notepad)

2.Enter these codes

<html>
<head>
<Title>My first web page</title>
</head>
<body>My page 1</body>
</html>


3.Save it (Name must with .html extension)Eg:index.html
4.Open file that you saved.
Description about the codes
<html> - Start html document.
<head>-This is the head of the page.
<Title> -Title of the page.
<body>- The contain of the page.
Every code must close that we open .Normally Start like <> and end with </>
Bellow table show you how some html codes start and end.

Start code Discription Close code
<html> To start html page </html>
<title> The title for the page(show in title bar) </title>
<body> The body of the page </body>
<head> Page title  </head>
<h1> font size <h1>to <h6> </h1>
<center> To center in web page </center>
<table> Make a table </table>
<tr> Table row </tr>
<td> Table draw </td>
<a href=""> Link </a>
<img src=""/> image into web page(e.g.:<img src="apple.jpeg" width="200" height="300">) None
  • Html codes(part 2)
    Work with
    (title , body& font size )  
  • <html>
    <head>
    <title>My second web page</title>
    </head>
    <body><h1>My page2</h1></body>
    </html>
    • Html codes(part 3) 
           work with a table
    <html>
    <title>Make a Table</ttitle>
    <body>
    <table border="1">
    <tr>
    <td>Name</td>
    <td>Age</td>
    </tr>
    <tr>
    <td>Smith</td>
    <td>17</td>
    </tr>
    </table>
    </body>
    </html>
    • Html codes(part 3)
      (hyper links)
    <html>
    <title>Hyperlink</title>
    <body>
    <a href="www.google.com">Google</a>
    </body>
    </html>
    • Html codes(part 5) 
    Add Image to web page
    <html>
    <title>image</title>
    <body>
    <img src="apple.jpeg">
    </body>
    </html>

    • Html codes(part 6) 
    Add image  with width & height
    <html>
    <title>image</title>
    <body>
    <img src="apple.jpeg" width="200" height="300">
    </body>
    </html>



No comments:

Post a Comment

 
// //