Your SlideShare is downloading. ×
Web Developement Workshop (Oct 2009 -Day 1)
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

Web Developement Workshop (Oct 2009 -Day 1)

972
views

Published on

Published in: Technology

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
972
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
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>