Web Developement Workshop (Oct 2009 -Day 1)

Web Development BY : KARTIK : http://kar2905.wordpress.com PRATIK : http://pratik3d.blogspot.com SAURABH : saurabhsuman@hotmail.com

<html> <body> <ul> <li>HTML ( A Fast run through) </li> <li>MYSQL </li> <li>PHP </li> <li>Login Script Demonstration </li> </ul> </body> </html>

 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

 Use any text editor  Gedit, Notepad++, Notepad,..  Save as .htm or .html extension

 A tag is : Nonhierarchical keyword or term assigned to a piece of information  < > Opening Tag  </ > Closing Tag

 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

 <html>  <head>  <title> My first web page </title>  </head>  <body>  <h1>Hello everyone </h1>  </body>  </html>

 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)

 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)

 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)

 <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 >

 <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

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

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>

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>

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>

What it can do? DEFINITION LIST <dl> Windows <dt>Windows</dt> Vista Linux <dd>Vista</dd> Fedora <dt>Linux</dt> <dd>Fedora</dd> </dl>

Web Developement Workshop (Oct 2009 -Day 1)

0 comments

Notes on slide 1

Favorites, Groups & Events