Basic HTML And CSS

Question 1

What is the top-most required first line of the HTML file?

Answer 1

Less-than !DOCTYPE html greater-than

Question 2

What is the characteristic of a block-level element?

Answer 2

There is always a line before and after the block.

Question 3

List block-level elements (4 types).

Answer 3

P, h1-h6, form, div

Question 4

Describe inline tags

Answer 4

They don’t cause a line break.

Question 5

In the latest browsers, what is the effect of the title attribute?

Answer 5

It provides text that will show up in a hover.

Question 6

What are some tags that are singleton and do not need a closing element:

Answer 6

br img and hr

NOTE: the trailing slash like br is required in xhtml

Question 7

What does the alt tag used for in the <img></img>

Answer 7

If the source (src) image is not found (fails to load), then the alt text will be displayed in its place.

Question 8

Show example of a table header section

Answer 8

lt tr>
lt th>column 1 lt/th>
lt th>column 2 lt/th>
lt/tr>

Question 9

Where does the section of a table FOOTER definition go?

Answer 9

Immediately after the heading section.

Question 10

What is the difference between background and background-color in the element styling?

Answer 10

None

Question 11

What is the html for a dropdown list

Answer 11

lt select >

lt option value=”Mustang”> Mustang lt\option>

Question 12

List the attributes common for a drop down list (select)

Answer 12

name
multiple - can select multiple
size - max # of visible options

Question 13

How do you associate a label with a form element:

Answer 13

lt Label for =”FullName”> Full Name lt /Label>

lt input name=”FullName” />

Question 14

Describe the field set element

Answer 14

Groups the elements;
Can contain separate forms;
Can add disable attribute to disable the fieldset group

Question 15

After applying a background-image to a screen, what problem occurs in its use and how can you correct it.

Answer 15

By default, it repeats horizontally and vertically. To make it repeat in only one direction:
background-repeat: repeat-x

Question 16

In CSS styling, how would you specify styles that apply to everything.

Answer 16

*{
margin: 0 auto 0 auto;
text-align: left;
}

Question 17

What does margin: auto do?

For example: margin: 0 auto 0 auto

Answer 17

Auto causes the margin to be automatically computed: the contents will be centered within the container with equal space on the left and the right.
So (the example) 0 top margin, auto right, 0 bottom, auto left.

Question 18

When elements have been given float left/right and we want to add the next element below these, what CSS will prevent the previous floats from affecting out ‘next’ element.

Answer 18

In the css block: clear : both

Question 19

How do we remove bullets from a ul list.

Answer 19

With a css of list-style : none

Question 20

How can we make ul list elements (li) show horizontally?

Answer 20

By default, the li elements are block elements.
#menu ul li a {     // the anchor (links) 
       display:inline

Question 21

How can we remove the underlines from anchor links?

Answer 21

Css: text-decoration : none;

Question 22

How do we specify a styling of bold?

Answer 22

font-weight : bold

Question 23

Use css3 to provide rounded corners

Answer 23

border-radius: 10px;

Question 24

How can we prevent previously selected links from displaying in a different color?

Answer 24

Style it like: #leftmenu a:visited {

Question 25

How can we change the color of anchor tags that are hovered?

Answer 25

Styling: a:hovered {