HeBada
07-24-2007, 02:23 AM
Привет! Помогите решить несколько задачек. Не знаю подходит ли эта тема под топик. Не судите строго
================ 1 =============
p {font-family: monaco;
font-size: 1em;
color: blue;
font-style: normal;
font-weight: bold;}
В какой строке нужна дополнительная информация, чтобы этот стиль правильно работал во всех браузерах и на всех ОС?
=================2====================
<style>
#block1 {
border: 1px solid red;
position: absolute;
left: 50px;
top: 50px;
height: 100px;
width: 100px;
background: blue;
}
#block2 {
border: 1px solid red;
position: absolute;
left: 100px;
top: 100px;
height: 100px;
width: 100px;
background: green;
}
</style>
<body>
<div id="block1">This is block 1</div>
<div id="block2">This is block 2</div>
</body>
В IE6 и более ранних версиях что будет отображено?
- non-overlapping green square above and to the left of the blue
- non-overlapping blue square above and to the left of the green
- overlapping green square above and to the left of the blue
- non-overlapping blue square above and to the left of a blank square
- overlapping blue square above and to the left of the green squere
======================3======================
<style>
div#menu {width: 25%; float: left;}
div#content {float: left;}
</style>
<body>
<div id="header"><h1>header</h1></div>
<div id="menu"><p>the menu area</p></div>
<div id="content"><p>the content area</p></div>
<div id="footer"><h2>footer</h2></div>
</body>
</html>
The footer should span the entire width of the page, but it appears to the right of the
content. What additional rule needs to be applied in order to make the footer display horizontally, along the width of the page, below the menu and content areas?
div#footer {clear: right;}
div#footer {display:inline;}
div#footer {margin-left: -75%;}
div#footer {margin-left: -25%;}
===========================4====================== ======
When using the 'option' element to create a form drop-down list, what do you do to make a large amount of list options more accessible?
1 Ensure a 'name' attribute is provide for each option element.
2 Add the 'multiple' attribute to the 'select' element.
3 Create separate drop-down lists to keep list options at 10 or less in each drop-down.
4 Provide a style that visually colors each element in the drop-down list.
5 Use the 'label' attribute of the 'optgroup' element to categorize the list.
==========================5======================= ==========
Which one of the following statements about the 'span' attribute of the 'colgroup' element is in error?
1 The default amount of columns in a column group without a 'span' attribute defined is zero.
2 If the 'span' is set to greater than zero, the 'colgroup' defines an amount of columns equal to the 'span' value.
3 If there is no 'span' attribute defined, each 'colgroup defines a group with one column.
4 If the 'colgroup' contains more than one 'col' element, the 'span' attribute is ignored.
5 It must be an integer greater than zero.
===========================6====================== ===
Which one of the following <IMG> attributes is only required for server-side image
maps?
Height
Ismap
Alt
Border
Usemap
==========================7======================= ====
When using a table-less layout, which one of the following is the easiest method for including an alternative print style?
1 Include server software that generates PDF image snapshot files of the page on-the-fly and allows the user to print them.
2 Include an alternate style sheet using the 'link' element and the 'media' attribute set to 'print' and use some manner of scripting to switch styles.
3 Create separate pages with duplicate content, one containing the print styles, and link to the print style from each page.
4 Create a page that explains to users how to remove stylesheets in the various browsers
so that they can view the page without styles for printing.
5 Create a new site style sheet for printing and create a duplicate set of pages using that style.
===========================8============
When nesting elements, the 'P' element is allowed to contain which one of the following elements or sets of elements?
<blockquote >
other <p> elements
<code> block
<ul> list
<h2>
=========================9=====================
Which one of the following is NOT a technique for a Web server to remember information about customers as they move through a series of pages and order merchandise?
JavaScript can embed and access cookies at the browser.
Hidden input tags can be embedded in the Web documents with the identifying information.
Use client-side scripting to pass data to the server and dynamically update the Web page.
Meta tags can be embedded with the identifying information.
Encode URLs to include a unique identifier for the customers and their shopping data.
============================10==================== ===
If a document validates to HTML 4.01 Transitional, which one of the following is NOT allowed within the code?
The 'headers' attribute of the 'td' element
The 'frameborder' attribute of the 'ifrarne' element The 'frameborder' attribute of the 'frame' element The 'frame' attribute of the 'table' element The 'rules' attribute of the 'table' element
===========================11===================== ====
Which one of the following functions requires using something besides HTML markup alone (i.e.programs or scripts)?
Including applications directly in a document
Validating user input
Retrieving on-line information
Creating on-line documents Displaying forms
==========================12====================== =====
For an HTML 4.01 Transitional document, which line in the sample code above causes an error when attempting to validate the markup?
<h4><span style="color:red;">Transitional</span></h4>
<h5><a href="#" title="Link title.">A link.</a></h5>
================ 1 =============
p {font-family: monaco;
font-size: 1em;
color: blue;
font-style: normal;
font-weight: bold;}
В какой строке нужна дополнительная информация, чтобы этот стиль правильно работал во всех браузерах и на всех ОС?
=================2====================
<style>
#block1 {
border: 1px solid red;
position: absolute;
left: 50px;
top: 50px;
height: 100px;
width: 100px;
background: blue;
}
#block2 {
border: 1px solid red;
position: absolute;
left: 100px;
top: 100px;
height: 100px;
width: 100px;
background: green;
}
</style>
<body>
<div id="block1">This is block 1</div>
<div id="block2">This is block 2</div>
</body>
В IE6 и более ранних версиях что будет отображено?
- non-overlapping green square above and to the left of the blue
- non-overlapping blue square above and to the left of the green
- overlapping green square above and to the left of the blue
- non-overlapping blue square above and to the left of a blank square
- overlapping blue square above and to the left of the green squere
======================3======================
<style>
div#menu {width: 25%; float: left;}
div#content {float: left;}
</style>
<body>
<div id="header"><h1>header</h1></div>
<div id="menu"><p>the menu area</p></div>
<div id="content"><p>the content area</p></div>
<div id="footer"><h2>footer</h2></div>
</body>
</html>
The footer should span the entire width of the page, but it appears to the right of the
content. What additional rule needs to be applied in order to make the footer display horizontally, along the width of the page, below the menu and content areas?
div#footer {clear: right;}
div#footer {display:inline;}
div#footer {margin-left: -75%;}
div#footer {margin-left: -25%;}
===========================4====================== ======
When using the 'option' element to create a form drop-down list, what do you do to make a large amount of list options more accessible?
1 Ensure a 'name' attribute is provide for each option element.
2 Add the 'multiple' attribute to the 'select' element.
3 Create separate drop-down lists to keep list options at 10 or less in each drop-down.
4 Provide a style that visually colors each element in the drop-down list.
5 Use the 'label' attribute of the 'optgroup' element to categorize the list.
==========================5======================= ==========
Which one of the following statements about the 'span' attribute of the 'colgroup' element is in error?
1 The default amount of columns in a column group without a 'span' attribute defined is zero.
2 If the 'span' is set to greater than zero, the 'colgroup' defines an amount of columns equal to the 'span' value.
3 If there is no 'span' attribute defined, each 'colgroup defines a group with one column.
4 If the 'colgroup' contains more than one 'col' element, the 'span' attribute is ignored.
5 It must be an integer greater than zero.
===========================6====================== ===
Which one of the following <IMG> attributes is only required for server-side image
maps?
Height
Ismap
Alt
Border
Usemap
==========================7======================= ====
When using a table-less layout, which one of the following is the easiest method for including an alternative print style?
1 Include server software that generates PDF image snapshot files of the page on-the-fly and allows the user to print them.
2 Include an alternate style sheet using the 'link' element and the 'media' attribute set to 'print' and use some manner of scripting to switch styles.
3 Create separate pages with duplicate content, one containing the print styles, and link to the print style from each page.
4 Create a page that explains to users how to remove stylesheets in the various browsers
so that they can view the page without styles for printing.
5 Create a new site style sheet for printing and create a duplicate set of pages using that style.
===========================8============
When nesting elements, the 'P' element is allowed to contain which one of the following elements or sets of elements?
<blockquote >
other <p> elements
<code> block
<ul> list
<h2>
=========================9=====================
Which one of the following is NOT a technique for a Web server to remember information about customers as they move through a series of pages and order merchandise?
JavaScript can embed and access cookies at the browser.
Hidden input tags can be embedded in the Web documents with the identifying information.
Use client-side scripting to pass data to the server and dynamically update the Web page.
Meta tags can be embedded with the identifying information.
Encode URLs to include a unique identifier for the customers and their shopping data.
============================10==================== ===
If a document validates to HTML 4.01 Transitional, which one of the following is NOT allowed within the code?
The 'headers' attribute of the 'td' element
The 'frameborder' attribute of the 'ifrarne' element The 'frameborder' attribute of the 'frame' element The 'frame' attribute of the 'table' element The 'rules' attribute of the 'table' element
===========================11===================== ====
Which one of the following functions requires using something besides HTML markup alone (i.e.programs or scripts)?
Including applications directly in a document
Validating user input
Retrieving on-line information
Creating on-line documents Displaying forms
==========================12====================== =====
For an HTML 4.01 Transitional document, which line in the sample code above causes an error when attempting to validate the markup?
<h4><span style="color:red;">Transitional</span></h4>
<h5><a href="#" title="Link title.">A link.</a></h5>