Wednesday, June 5, 2013

AL ICT Paper 2013 - Ansering the HTML Question

In order to answer HTML Question You need to know following HTML Tags by Heart.

Basic HTML Document 

<html>
<head>
<title>Title of your </title>
</head>
<body>
Your Content Is here!
</body>
</html>


Basic Headline Tags

<h1>Largest Heading</h1>  H1
<h2> . . . </h2>
<h3> . . . </h3>
<h4> . . . </h4>
<h5> . . . </h5>
<h6>Smallest Heading</h6> h6

 <p>Paragraph.</p>
<br> (line break)
<hr> (horizontal rule)
<!-- This is a comment -->

Formatting

<b>Bold text</b>
<code> code</code>
<em>Emphasized text</em>
<i>Italic text</i>
<kbd>Keyboard input</kbd>
<pre>Preformatted text</pre>
<small>Smaller text</small>
<strong>Important text</strong>

 <abbr> (abbreviation)
<address> (contact information)
<bdo> (text direction)
<blockquote> (a section quoted from another source)
<cite> (title of a work)
<del> (deleted text)
<ins> (inserted text)
<sub> (subscripted text)
<sup> (superscripted text)

Links

Basic 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>
Bookmark:
<a id="tips">Tips Section</a>
<a href="#tips">Jump to the Tips Section</a>

Inserting Images

<img src="URL" alt="Alternate Text" height="100" width="150">

Styles/Sections

<style type="text/css">
  h1 {color:green;}
  p {color:yellow;}
  h4 {color:#FF0000;}
</style>

 #FF0000 - Red
#00FF00 - Green
#0000FF - Blue

 <div>A block-level section in a document</div>
<span>An inline section in a document usually put inside a div</span>

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>Item 1</dt>
    <dd>Describe item 1</dd>
  <dt>Item 2</dt>
    <dd>Describe item 2</dd>
</dl>

 List In a List

 <ul>
  <li>Fruits
      <ul>
       <li>Mango</li>
        <li>Pinapple</li>
     </ul>
  </li>
  <li>Vegitable
         <ul>       <li>Pumpkin</li>
        <li>Cabbage</li>
       </ul>
</li>
</ul>

List in a list is very popular among paper designers. Prepare for 3 Levels, usually they ask 2 levels

Tables

<table border="1">
  <tr>
    <th>table header</th>
    <th>table header</th>
  </tr>
  <tr>
    <td>table data</td>
    <td>table data</td>
  </tr>
</table>

Iframe

<iframe src="demo_iframe.htm"></iframe>

Forms

<form action="demo_form.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>

 Understand the difference between radio and option buttons and check boxes.
Which are input elements?
What happens when you tick a check box?
What happens when you tick radio buttons?

Entities

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

 Attributes
<IMG src="image.jpg" height="20" width="30">
Remember to use double quotes in attributes>

 Web 2.0 Notes
The web 2.0 requires all elements wriiten in lowercase other than DOCTYPE tage
All elements need to have a closing TAG. like <p> Text</p>
But hr, br, img does not have a closing tag. They are hence written as <br/>, <hr/>

 HTML question is easy. You can get full marks.

XHTML?

  • XHTML stands for EXtensible HyperText Markup Language
  • XHTML is almost identical to HTML 4.01
  • XHTML is a strict  version of HTML 4.01
  • XHTML is HTML defined as an XML application
  • XHTML is supported by all major browsers.

XHTML Differences from HTML:

Document Structure

  • XHTML DOCTYPE is mandatory
  • The XML namespace attribute in <html> is mandatory
  • <html>, <head>, <title>, and <body> is mandatory

XHTML Elements

  • XHTML elements must be properly nested
  • XHTML elements must always be closed
  • XHTML elements must be in lowercase
  • XHTML documents must have one root element

XHTML Attributes

  • Attribute names must be in lower case
  • Attribute values must be quoted
  • Attribute minimization is forbidden

    XHTML format
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Title of document</title>
</head>

 <body>
......
</body>
</html>
Try HTML QUIZ

 More !
http://www.allthetests.com/quiz05/dasquiztd.php3?testid=1055432261
http://www.flightsimaviation.com/quiz-web_html_basic.html
http://www.afterhoursprogramming.com/tests/practice/HTML/
http://en.wikiversity.org/wiki/HTML_Quiz

 You need to know what XML standfor, what it is used for and why?
You also need to know basic syntax for XML

 Try this quiz it' will brush your XML knowledge
http://webdesign.about.com/od/beginningxml/a/beginning-xml-quiz.htm

 In addition to HTML you need to know following terms
WWW, Web Server, Web Hosting, Web Designing, Web Development
Knowing Java Script and how it is used and why it is used is an advantage

Posted by Niranjan Meegammana at 2:21 PM

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)