IQ WebDev

[Web Developer must be good in following skills
http://www.w3schools.com/site/site_intro.asp
• HTML 4.01
• The use of CSS (style sheets)
• XHTML
• XML and XSLT
• Client side scripting
• Server side scripting
• Managing data with SQL
• The future of the Web
What is object?
An Object is a software unit that combines a structured set of data with a set of
operations for inspecting and manipulating that data.
HTML SAMPLES
http://www.w3schools.com/html/html_examples.asp
1. Break out of a frame
<a href="http://www.w3schools.com/" target="_top">Click here!</a>
2. Jump to another part of a document (on the same page)
<a href="#C4">See also Chapter 4.</a>
3. How to create a vertical frameset with 3 different documents
<frameset cols="25%,50%,25%" rows="" frameborder=”1” frameborder=""

class="" border="" bordercolor="">
<frame src="frame_a.htm" baroname="" id="" scrolling="yes/no/auto" class="">
<frame src="frame_b.htm">
<frame src="frame_c.htm">
</frameset>
4. How to create a horizontal frameset with 3 different documents
<frameset rows="25%,50%,25%">
<frame src="frame_a.htm">
</frameset>
5. How to mix a frameset in rows and columns

<frameset rows="50%,50%">
<frameset cols="25%,75%">
</frameset>
</frameset>
6. How to create a navigation frame
<frameset cols="120,*">
<frame src="tryhtml_contents.htm">
<frame src="frame_a.htm"
name="showframe">
</frameset>
7. Jump to a specified section within a frame
<frameset cols="20%,80%">
<frame src="link.htm#C10">
</frameset>
8. Jump to a specified section with frame navigation
<frameset cols="180,*">
<frame src="content.htm">
<frame src="link.htm" name="showframe">
</frameset>
9. Different types of ordered lists

<h4>Numbered list:</h4>
<ol>
<li>Apples</li>
<li>Bananas</li>
<li>Lemons</li>
<li>Oranges</li>
</ol>
<h4>Letters list:</h4>
<ol type="A">
<li>Apples</li>
<li>Bananas</li>
<li>Lemons</li>
<li>Oranges</li>
</ol>
<h4>Lowercase letters list:</h4>

<ol type="a">
<li>Apples</li>
<li>Bananas</li>
<li>Lemons</li>
<li>Oranges</li>
</ol>
<h4>Roman numbers list:</h4>

<ol type="I">
<li>Apples</li>
<li>Bananas</li>
<li>Lemons</li>
<li>Oranges</li>
</ol>
<h4>Lowercase Roman numbers list:</h4>

<ol type="i">
<li>Apples</li>
<li>Bananas</li>
<li>Lemons</li>
<li>Oranges</li>
</ol>
10. Nested List

<h4>A nested List:</h4>
<ul>
<li>Coffee</li>
<li>Tea
<ul>
<li>Black tea</li>
<li>Green tea
<ul>
<li>China</li>
<li>Africa</li>
</ul>
</li>
</ul>
</li>
<li>Milk</li>
</ul>
11. Definition List

<h4>A Definition List:</h4>
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
12. Draw a border with a caption around data(fieldset, legend)

<fieldset>
<legend>
Health information:
</legend>
<form>
Height <input type="text" size="3">
Weight <input type="text" size="3">
</form>
</fieldset>
13. Let the image float to the left/right of a paragraph
<img src ="hackanm.gif"

align ="left" width="48" height="48">
A paragraph with an image. The align attribute of the image is set to "left". The
image will float to the left of this text.
</p>
<p>
<img src ="hackanm.gif"
align ="right" width="48" height="48">
A paragraph with an image. The align attribute of the image is set to "right". The
image will float to the right of this text.
</p>
14. Create an image-map, with click-able regions
<img src="planets.gif"
width="145" height="126" usemap="#planetmap">
<map id="planetmap" name="planetmap">

<area shape="rect"
coords="0,0,82,126"
alt="Sun"
href="sun.htm">
<area shape="circle"
coords="90,58,3"
alt="Mercury"
href="mercur.htm">
<area shape="circle"
coords="124,58,8"
alt="Venus"
href="venus.htm">
</map>
15. Meta tag, Document description
<head>
<meta name="author"
content="Jan Egil Refsnes">
<meta name="revised"
content="Jan Egil Refsnes,6/10/99">
<meta name="generator"
content="Microsoft FrontPage 4.0">
</head>
16. Document keywords
<meta name="description"
content="HTML examples">
<meta name="keywords"
content="HTML, DHTML, CSS, XML, XHTML, JavaScript, VBScript">
17. Redirect a user to another URL

<meta http-equiv="Refresh"
content="5;url=http://www.w3schools.com">
I. Interview
(By Gnanasekar)
1. What is standalone tag in HTML

Ans:DocType
2. What is meta tag? Write code? –check above list No. 16
3. What are the body properties?

Ans: background="colorname" bgcolor="colorname" bgproperties="fixed/scroll"
topmargin="0" rightmargin="0" bottommargin="0" leftmargin="0" text="text-color"
link="" alink="" Here bgproperties – only supported by IE, but not by Netscape
4. How to fix background will be unscrollable?

Ans: bgproperties=”Fixed” if you control by style then background-attachment:fixed;
5. What are the table tags and table attributes?

Ans: Tags- tr, td, th, tfoot.
Attributes- Cellpadding, cellspacing, id, name, border, width, height,
6. What is div and usage?
7. How to go from one page to other page’s particular destination (Heading)

Ans: By using # then link name
<a href=”D:/kumar/page2.htm#classiclink1”>Page2</a>
8. Set the Button border top 3px, right 2px, bottom 1px, left 2px, with style and
color.
Ans:
Border-top: 3px solid #FFFFFF;
Border-right: 2px solid #FFFFFF;
Border-bottom: 1px solid #FFFFFF;
Border-left: 2px solid #FFFFFF;
9. How to set our own Scrollbar style?
Ans:
Scrollbar-3dlight-color:#FFFFFF;
Scrollbar-arrow-color:#FFFFFF;
Scrollbar-face-color:#FFFFFF;
Scrollbar-track-color:#FFFFFF;
Scrollbar-highlight-color:#FFFFFF;
Scrollbar-shadow-color:#FFFFFF;
10. How to link external stylesheet?

<link rel=”Stylesheet” href=”style.css” type=”text/css”>
11. What is inline stylesheet? Where we code will be kept?

<style type=”text/css”>
<! - -
Font-family:times;
-->
</style>
12. Write the form validation for Name field(textbox) should not be empty?
function sumbitform()
{
if (document.myform.name.value=="")
{
alert("Pls fill the Name")
document.myform.name.focus();
return false;
}
}
II. Interview
1. What are the stylesheet types and write codes?
Ans:
Stylesheets are three type. External, Inline and embed.
External: <link href=”stylesheet.css” rel=”stylesheet” type=”text/css”>
Internal: <style type=”text/css”>font-family:times;</style>
Embedd: <td style=”font-family:times;font-size:12px;”>Mindtree</td>
2. How to Combine two styles in one?

Ans: <td class=”stylename” style=”inline style”>Data</td>
3. How to create onmouseover effect in HTML?

<td onmouseover=”alert(‘hi’)”>Pls mouse over here!</td>
4. How many list items, write the code?

Ans: There are three list items?
1. ordered list 2. unordered list 3. Definition list
Ordered list
<ol type=”I”>
<li>List 1</li>
<li>List 2</li>
<li>List 3</li>
</ol>
Unordered List
<ul type=”circle”>
<li>List 1</li>
<li>List 2</li>
<li>List 3</li>
</ul>
Definition List
<dl type=”circle”>
<dt>Mindtree</dt>
<dd>employee</dd>
<dd>Mangement</dd>
<dt>ADDR</dt>
<dd>employee</dd>
<dd>Mangement</dd>
</dl>
5. What is browser compatibility? How to find the browser name?

Navigator.appName();
Navigator.userAgent();
6. How to access other page element by link?

<a href=”D://kumr/page2.htm#123”
7. What is DOM? What is the usage?
8. What is javascript?
9. What is the difference between layer and Div?
10. How to create alert msg? in one line?
11. How to change the img while it running in Mozilla browser.’
III. Interview
1. What are the advantage and disadvantage of Javascript?

2. How to setTime and interval for the specific task?
3. How to variate browser compatibility?
4. How to change the bg color of the div.
5. Style sheet types and implementation?
6. What are the frames and write the code for frame and iframe?
7. How to create Prompt box? And confirm box?
8. How to access the one frame element by other element?
9. How to set the msg in Status bar?
Window.status=”Message;
10. How to create switch statement?
Var d=new Date();
Today=d.getDay();
Switch(today)
Case 1:
{document.write(“Sunday”);
Default:
{document.write(“Other Day”)}
IV. Interview
1. What is DOM?
2. Can I read the file size of the current file?
FF: var doc=con.getContentLength();
IE: window.document.fileSize();
3. document is the form element or window element?
4. What are the form elements?
Button,
checkbox
File
Hidden
Text
Radio
Reset
Submit
5. What are the form attribute?

Action, method, id, name enctype=”multipart/form-data, application/x-www-
urlencoded, text/plain”
6. How to write arrays?
<script type="text/javascript">
var name = new Array()
name[0]= "Kumar"
name[1]= "Ragav"
name[2]= "Vel"
name[3]= "Kumar"
name[4]= "Kumar"
for(i=0;i<name.length;i++)
{
document.write(name[i]+"<br/>");
}
</script>
7. What is object?
An Object is a software unit that combines a structured set of data with a set of
operations for inspecting and manipulating that data.
7.1 For loop
Use a For loop to run the same block of code a specified number of times.
8. What is the difference between While and do while…loop?
While
Use a while loop to run the same block of code while a specified condition is true.
DO..while
Use a do..while loop to run the same block of code while a specified condition is true.
This loop will always be executed once, even if the condition is false, because the
statements are executed before the condition is tested.

IQ WebDev

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

IQ WebDev

Uploaded by

Copyright:

Available Formats

[Web Developer must be good in following skills

<a href="http://www.w3schools.com/" target="_top">Click here!</a>

2. Jump to another part of a document (on the same page)

<a href="#C4">See also Chapter 4.</a>

3. How to create a vertical frameset with 3 different documents

<frameset cols="25%,50%,25%" rows="" frameborder=”1” frameborder=""

4. How to create a horizontal frameset with 3 different documents

5. How to mix a frameset in rows and columns

6. How to create a navigation frame

7. Jump to a specified section within a frame

9. Different types of ordered lists

<h4>Lowercase letters list:</h4>

<h4>Roman numbers list:</h4>

<h4>Lowercase Roman numbers list:</h4>

10. Nested List

11. Definition List

12. Draw a border with a caption around data(fieldset, legend)

13. Let the image float to the left/right of a paragraph

<img src ="hackanm.gif"

<map id="planetmap" name="planetmap">

15. Meta tag, Document description

17. Redirect a user to another URL

1. What is standalone tag in HTML

2. What is meta tag? Write code? –check above list No. 16

3. What are the body properties?

4. How to fix background will be unscrollable?

5. What are the table tags and table attributes?

6. What is div and usage?

7. How to go from one page to other page’s particular destination (Heading)

10. How to link external stylesheet?

11. What is inline stylesheet? Where we code will be kept?

2. How to Combine two styles in one?

3. How to create onmouseover effect in HTML?

4. How many list items, write the code?

5. What is browser compatibility? How to find the browser name?

6. How to access other page element by link?

1. What are the advantage and disadvantage of Javascript?

5. What are the form attribute?

8. What is the difference between While and do while…loop?

You might also like