CIW 9 weeks (web design)

Should all values be placed in quotations marks for HTML?

Yep!

In HTML, do form tags need to be closed? Why or why not?

Yes, the <form> tag is a container tag that must be closed with a closing </form> tag. The <form></form> tags must encompass all other form field tags in the Web form. You must close all tags used in forms, just like any other HTML tag.

What is the benefit of using the W3C's HTML code validation service to validate your code?

Your code will render properly to a larger audience

What is the term for the grouping of a CSS selector, property, and value?

CSS rule

Which form field offers square option buttons in a group of two or more options?

Check box

Which Web form tag is sued to create boxes, check boxes, radio buttons, and the Submit and Reset buttons, but not select lists?

<input>

Which tag could you use to add a brief summary of your markup page's contents for display in browser search results?

<meta>

Markup tags include containers, empty and stand-alone empty tags. Which tag types are valid in HTML?

Container tags and stand-alone non-empty tags

Describe the syntax used to link to an internal anchor in another file without first accessing the top of that page.

In addition to a full or partial URL, yo would specify the file name, followed by the hash symbol (#), followed by the ID of the internal anchor to which you want to direct the link. For example: <a href="URL/filename.ext#AnchorID">link text/image</a>

Why is it important to relate technical concepts to non-technical people during planning meetings?

In many situations, non-technical people will authorize or fund your project.

What attribute allows inline CSS to be applied within HTML document tags?

Style attribute

Which button, when clicked, causes a form's action statement to process?

Submit button

You need to create a Web form that asks visitors to enter a password before they can come across the next page. What input type would you use?

The "password" value of the <input tag type attribute, for example: <input type="password" name="Password size=8="8"/>

You upload a Web page to the Web. When you view the page in your browser, the images do not appear. What should you check on your Web page?

The <img src=""> values

What standard of 216 colors was introduced to render Web page colors consistently across different browsers?

The browser-safe color palette

Which of the following characteristics is an important element of an accessible Web page?

The page should have alternative text for images

What attributes are used to span a single cell across multiple rows or columns, respectively?

The rowspan and colspan attributes of the <th> or <td> table elements

What is the primary function of HTML?

To position content on a web page

What W3C project promotes web page access for disabled Web users?

Web Accessibility Initiative (WAI). Also created the Web Content Accessibility Guidelines (WCAG) to provide a set of standards promoting accessibility for all Web users.

Extensible Hypertext Markup Language (XHTML)

Web language standard that separates responsibilities for organizing and formating data

Which element is used to create hyperlinks that connect Web pages to other files on the Internet or to text within the same page?

<a>

The padding attribute refers to:

the space between cell content and cell boreder

Which of the following table elements specifies cell content?

<td>

What is the function of the "alt" attribute?

Designates ALTernative text to appear in place of an imagine or while an image is loading

In which element would you include the border="1" attribute and value to add a table border?

<table>

Write the HTML tag to create a scrolling text area box that will report input results by the name of "Feedback." The box should be 30 characters wide and five rows tall.

<textarea name="Feedback" cols=30 rows=5>Your comments here</textarea>

Which element provides document structure with HTML5?

article

Which <a> element attribute and value creates a hyperlink to a defined internal bookmark?

href="#TargetArea"

What notation can you use to write a note to yourself or others in the HTML code that will not appear in the page when rendered in a browser?

<!---A hidden comment--->

You are creating an image hyperlink. What HTML code links the image zoomap.jpg to the map.htm Web page?

<a href= "map.htm"><img src= "zoomap.jpg" alt= "alternative text"/></a>

In an HTML document, text that will appear in the browser as Web page content is encompassed by which set of tags?

<body> tags

What element can be used instead of the <table> element to create a simple table by preserving spacing and line breaks in preformatted text?

<pre>

Which table element is often used to create a column or row heading that is bold and centered?

<th>

What type of HTML element will affect at least and entire paragraph of page content?

A block-level element

WCAG

A set of guidelines for ensuring Web site accessibility to all users, including those with disabilities

What components of table appearance can be formatted using the CSS text-align property or by creating a CSS class that specifies either a right, left, or center justification value?

Content alignment within the cells, table alignment within the browser window, and table alignment relative to Web page text.

What is the default alignment of the content in table data cells?

Content in table data calls is aligned horizontally to the left and vertically to the center.

Transparency, interlacing and animation are all techniques supported by which image file format?

PNG

Name the alignment options available for aligning images relative to text

-Bottom -Middle -Top -Left -Right

What 3 items can be contained inside the angle brackets (wickets) of an HTML tag?

-Element -Attribute -Values

Name the 2 types of URL you can reference when creating hyperlinks to an external site or another page on the same site

-Fully qualified URL -partial URL

List 3 browsers on which HTML will function:

-Internet Explorer -Firefox -Google Chrome

List 3 operating systems on which HTML will function:

-Windows -Macintosh -Linux/UNIX

You want to create a hyperlink that provides the end user with a pre-addressed blank email message when he or she clicks the link. You want to pre-address the email messages to [email protected]. The hyperlink text should read "Please send email to info.habitat.org." What HTML code would create this hyperlink?

<a href="mailto:[email protected]">Please send email to [email protected].</a>

Standard Generalized Markup Language (SGML)

An ISO-standard language used to describe data and content as opposed to its appearance

Tags

Embedded information that defines the font, color, and phrase elements used on an HTML page

Hyperlink

Embedded instructions within a text file that link it to another point in the file or a separate file

Define text-level element

Formatting code that can be applied to individual characters or words.

When working with a service provider to upload a Web site, what is some of the essential information you will need?

Information to obtain includes a username, a password, the IP address or DNS name of the Web server, the protocol you will use to upload the site's contents.

Within an anchor element <a> the href attribute performs what function?

It specifies the link's hypertext reference, or target.

Markup language

Language that describes context and/or formatting for online documents

Hypertext Markup Language (HTML)

Language used primarily for defining format and appearance of Web documents

Which of the following embeds formatting information into a document to instruct an interpreter how to render text?

Markup tags

Site validation should be performed:

Multiple times throughout the development cycle

Are HTML tags case-sensitive?

NOPE, but it's good practice to type in all lowercase letters!

Extensible Markup Language (XML)

Newer language used to define context as opposed to appearance

The size of an HTML table can be modified by specifying measurements in either of which two units of measure?

Pixels or percentages

You are creating a Web form, and you want to incorporate a text field into which users can submit comments about your Web page. Which form field should you used?

Scrolling text area

What is the function of the <!DOCTYPE> declaration?

Specifies the version of HTML code udes to create the Web page.

When is it necessary to use a fully qualified URL?

When linking to an external site

Which CSS property controls the color of a link before it has been visited?

a:link

Which attribute must you include in the <form> tag to specify the location and name of the script that will process form data?

action

To use an image as the link to another file, you would:

add an anchor tag around an image tag

Which <a> element attribute defines an internal bookmark within a page?

id

Which element is used to incorporate an external CSS file into an HTML document?

link

When using inline CSS, which of the following attributes provides alues such as background color?

style

Which form field allow users to enter text such as a first or last name?

textbox

Which attribute is used by the <input> element to designate a text box, a radio button, a Submit or Reset button, a password field, or a check box?

type

After you have obtained relevant input for your Web site, you can create:

a storyboard

Which property can be used to center table data vertically?

vertical-align