Sunday, November 28, 2010

Exercise 1:







exercise 1.Write the following web page:

<html>
<head> <title>Javascript</title> </head>
<body>
<p>
The following text is written to the page by Javascript.
</p>
<script type="text/javascript">
document.write("<center> <h1> Hi! </h1></center>")
</script>
</body>
</html>

The above script demonstrates the basic object.method (object-dot-method) paradigm.

  • The ‘document’ object (the web page) has a 'write' method associated with it.
  • The 'write' method acts on an ‘argument’ (a techie word for the target of a method).
  • The ‘argument’ is placed in () brackets after the method.



  • Saturday, November 27, 2010


    I managed to write HTML tags as TEXT and here it is.


    HTML Basic Document


    <html>
    <head>
    <title>Title of document goes here</title>
    </head>
    <body>
    Visible text goes here...
    </body>
    </html>


    Heading Elements


    <h1>

    Largest Heading

    </h1>


    <h2> . . . </h2>
    <h3> . . . </h3>
    <h4> . . . </h4>
    <h5> . . . </h5>

    <h6>

    Smallest Heading
    </h6>




    Text Elements


    <p>This is a paragraph</p>
    <br /> (line break)
    <hr /> (horizontal rule)
    <pre>This text is preformatted</pre>


    Logical Styles


    <em>This text is emphasized</em>
    <strong>This text is strong</strong>
    <code>This is some computer code</code>


    Physical Styles


    <b>This text is bold</b>
    <i>This text is italic</i>


    Links

    Ordinary link:
    <a href="http://www.example.com/">Link-text goes here</a>
    Image-link:
    <a href="http://www.example.com/"><img src="URL"
    alt="Alternate Text" /></a>
    Mailto link:
    <a href="mailto:webmaster@example.com">Send e-mail</a>
    A named anchor:
    <a name="tips">Tips Section</a>
    <a href="#tips">Jump to the Tips Section</a>


    Unordered list


    <ul>
    <li>Item</li>
    <li>Item</li>
    </ul>


    Ordered list


    <ol>
    <li>First item</li>
    <li>Second item</li>
    </ol>


    Definition list


    <dl>
    <dt>First term</dt>
    <dd>Definition</dd>
    <dt>Next term</dt>
    <dd>Definition</dd>
    </dl>


    Tables


    <table border="1">
    <tr>
    <th>Tableheader</th>
    </tr>
    <td>sometext</td>
    </tr>
    </table>


    Frames


    <frameset cols="25%,75%">
      <frame src="page1.htm" />
      <frame src="page2.htm" />
    </frameset>


    Forms


    <form action="http://www.example.com/test.asp" method="post/get">
    <input type="text" name="email"
    size="40" maxlength="50"/>
    <input type="password" />
    <input type="checkbox" checked="checked" />
    <input type="radio" checked="checked" />
    <input type="submit" value="Send" />
    <input type="reset" />
    <input type="hidden" />
    <select>
    <option>Apples</option>
    <option selected="selected">Bananas</option>
    <option>Cherries</option>
    </select>
    <textarea name="comment" rows="60"
    cols="20"></textarea>
    </form>


    Entities


    &lt; is the same as <
    &gt; is the same as >
    &#169; is the same as ©


    Other Elements


    <!-- This is a comment -->


    Validate Your HTML Files


    To validate an HTML document, a doctype declaration must be added.
    The doctype declaration is not an HTML tag; it is an instruction to the web
    browser about what version of the markup language the page is written in.
    The doctype declaration refers to a Document Type Definition (DTD). The DTD
    specifies the rules for the markup language, so that the browsers can render the
    content correctly.
    The doctype declaration should be the very first thing in an HTML document,
    before the <html> tag.

    HTML 4.01 Strict


    This DTD contains all HTML elements and attributes, but does NOT INCLUDE
    presentational or deprecated elements (like font). Framesets are not allowed:


    <!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">


    HTML 4.01 Transitional


    This DTD contains all HTML elements and attributes, INCLUDING presentational
    and deprecated elements (like font). Framesets are not allowed:
    <!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">


    HTML 4.01 Frameset


    This DTD is equal to HTML 4.01 Transitional, but allows the use of frameset
    content:
    <!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.01 Frameset//EN"
    "http://www.w3.org/TR/html4/frameset.dtd">


    More information about HTML codes at WWW.W3schools.com


    Additional reading (Web Design Nutshell, Second Edition- by Jennifer Niederst)
    It had a very useful chapter on formatting text as well as HTML tags.