• Like
Web Developement Workshop (Oct 2009 -Day 1)
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

Web Developement Workshop (Oct 2009 -Day 1)

  • 968 views
Published

 

Published in Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
968
On SlideShare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
8
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1.              Web Development  BY :  KARTIK       :  http://kar2905.wordpress.com PRATIK       : http://pratik3d.blogspot.com SAURABH  : saurabh­suman@hotmail.com    
  • 2. <html> <body> <ul> <li>HTML ( A Fast run through) </li> <li>MYSQL </li> <li>PHP </li> <li>Login Script Demonstration </li> </ul> </body> </html>
  • 3.  HYPER TEXT MARKUP LANGAUGE  DEVELOPED BY  : World Wide Web  Consortium & WHATWG  Type code : TEXT  Extended from :  SGML  Extended to :  XHTML  Standard(s) :  W3C HTML 4.01                                                   W3C HTML 3.2  In short it is the language used to design Web  Pages
  • 4.  Use any text editor   Gedit, Notepad++, Notepad,..  Save as .htm or .html extension
  • 5.  A tag is : Non­hierarchical  keyword or term assigned to a  piece of information   <  >  ­  Opening Tag  </ >  ­ Closing Tag
  • 6.  The element content is everything  between the start and the end tag   ( <p>Hello</p> )  Some HTML elements have empty  content( <br /> )  Most HTML elements can have attributes  Its not case sensitive  eg <p> means the  same as <P> . But W3C (?) recommends  lower case 
  • 7.  <html>  <head>  <title>  My first web page </title>  </head>  <body>  <h1>Hello everyone </h1>  </body>  </html>
  • 8.  The <html> element defines the  whole HTML document.  The element has a start tag <html>  and an end tag </html>  The element content is another  HTML element (the body)
  • 9.  The <head> element defines the  head of the HTML document  The element has a start tag <head>  and an end tag </head>  The element content is another  HTML element (title of the webpage)
  • 10.  The <body> element defines the  body of the HTML document  The element has a start tag <body>  and an end tag </body>  The element content is another  HTML element (a paragraph)
  • 11.  <p> This is a paragraph </p>  <h1>This is a heading </h1>  <h2 ,3 .. 6 > Various headings </h2,3..6>  < a href=“google.com”>This is a link </a>  <img src=“the source” width=“104” />  <br/> : is used to give a line break  <hr/> : is used to give a horizontal line  <!­­  this is a comment ­­> 
  • 12.  <b> BOLD </b>  <i> ITALICS </i>  <big> Big Text </big>  This is<sub> subscript</sub> and  <sup>superscript</sup>  <code>This is computer output</code>  <strong>BOLD </strong >  Many more tags ..  http://www.w3schools.com/tags/default.asp
  • 13. Attributes HTML elements can have attributes  Attributes provide additional information about the element  Attributes are always specified in the start tag  Attributes come in name/value pairs like: name="value"  Standard attributes :  class ,id , style ,title    
  • 14. Style Attribute  style="background-color:yellow"  style="font-size:10px"  style="font-family:Times"  style="text-align:center”  Examples :  <body style="background-color:yellow">  <p style="font-family:courier new; color:red; font-size:20px">  <a href=“url" style="background-   color:red">Last Page</a>  
  • 15. Tables <table border="1"> <tr> <th>Heading</th> <th>Another Heading</th> </tr> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> H ead in g A n o th er H ead in g <tr> r o w 1 , c e ll 1 r o w 1 , c e ll 2 <td>row 2, cell 1</td> <td>row 2, cell 2</td> r o w 2 , c e ll 1 r o w 2 , c e ll 2     </tr> </table>
  • 16. LIST UNORDERED LIST <ul> Windows Linux <li>Windows</li> <li>Linux</li> </ul>  ORDERED LIST  <ol> 1.Windows 2.Linux <li>Windows</li> <li>Linux</li> </ol> 
  • 17. What it can do? DEFINITION LIST <dl> Windows  <dt>Windows</dt> Vista  Linux  <dd>Vista</dd> Fedora  <dt>Linux</dt> <dd>Fedora</dd> </dl>