HTML CSS

__________ traces the path through a site or application from the point of view of a typical user. waterfall chart. User flow charts. Sequence diagram. Storyboards.

Match the technology or practice with the problem it best adresses. Progressive enhancement. Responsive design. Server-side detection. WAI-ARIA. Site performance optimization.

_________________is a web design approach aimed at crafting sites to provide an optimal viewing experience — easy reading and navigation with a minimum of resizing, panning, and scrolling — across a wide range of devices (from mobile phones to desktop computer monitors). web accesibility. Progressive enhancement. responsive web design.

Match these web professionals with the final product they might be responsible for producing: User experience designer. Web programmer. Graphic designer. Production department.

What does the W3C do?. W3C guides the development of web-related tecnologies. W3C recommends web design companies. W3C is responsible for managing and coordinating the Domain Name System (DNS), to ensure that every address is unique and that all users of the Internet can find all valid addresses.

Match the web technology with its apropriate task: Javascript. HTML. PHP. XML. CSS.

Match these acronym whith their meaning. DNS. HTTP. NCSA. HTML. CERN. CSS. FTP. IP. URL.

What is the difference between a web-authoring program and an HTML-editing tool?. HTML editors provide a visual interface for creating entire web pages, including the necessary HTML, CSS an scripts. A web authoring tool provides only shortcuts to writing HTML documents manually. A web authoring tool provides a visual interface for creating entire web pages, including the necessary HTML, CSS an scripts. HTML editors provide only shortcuts to writing HTML documents manually.

What is frontend web development?. Frontend design is concerned with aspects of a site that appear in or are related to the browser. Frontend devolpment involves the programming required on the server for site funcionality.

Match the disabilities with web accesibility strategies: Cognitive impairment. Sight impairment. Mobility impairment. Hearing impairment.

..................... is located at the bottom of the page, usually contains copyright, contact, and legal information, as well as a few links to the main sections of the site. By separating the end content from the bottom of the browser window, should indicate to users that they’re at the bottom of the page. Footer. Navigation. Cointainer. Logo. Head.

Which of these element can produce emphasis?. contrast. placement. proportion. isolation. Repetition. continuance. proximity.

The golden ration gives gives us logical guidelines for producing appealing layouts. V. F.

Match. Gives designer more control over how an image floated within the content will look. Reduces user scrolling.

Match the colour with its association. nature, growth, freshness, and hope. the color has been so closely tied with environmental protection. symbolizes openness, intelligence, and faith, and has been found to have calming effects. royalty and power. season of autumn and harvest. promote happiness, and represents sunshine, enthusiasm, and creativity. used for taxicabs and caution signs. It’s also associated with happiness. stimulating adrenaline and blood pressure.

Match. Orange is a. Magenta is a. Yellow is a.

You can make a website accessible, using .... testing. keyboard input. Alternative Text for Image. Transcripts for Podcasts. Breadcrumbs.

Which kind of font has uniform spacing, and the letterforms are designed so that they’re similar in width?. Serif. Dingbats. novelty. Fixed-width. sans-serif.

Match the file format with its caracteristc. can provide fairly small file sizes at 24-bit color. is an 8-bit format that compresses files on the basis of the number of colors in the image. supports a maximum of only 256 colors. format was developed by the W3C.images can be saved in either 8-bit or 24-bit format.

Five keys to ensure that users see and understand the site: V. F.

you pay a fee based on the size of your business ,the number of people who will be exposed to the image, and the amount of time for which the image will be in use. rights-managed image. free image. royalty-free.

...... is the identity block which is normally situated at the top of each page of website. Logo. whitespace. Head. Footer.

Which of these element can produce unity?. proximity. proportion. isolation. repetition.

consists of colors that are adjacent to one another on the color wheel. Complementary Color Scheme. Analogous Color Scheme:. TRIADIC. TETRADIC. Split-complementary.

The rule of thirds is a simplified version of the golden ration. V. F.

Consist of colors that are located opposite each other on the color wheel. Complementary Color Scheme. TRIADIC. TETRADIC. monochromatic color scheme. Split-complementary.

Which input type defines a slider control?. slider. search. controls. range.

Which input type defines a week and year control (no time zone)?. week. year. date.

Which of the following is not a valid element?. <post>. <tabular>. <progress>. <meter>.

Which element is more appropriate to mark the following content?. Text that is not longer accurate. Generic phrase of text. Addendum or side note, legal small prints. Sample output from programs.

Which element is more appropriate to markup a "Code sample"?.

Which element is more appropriate to markup an "Annotations or pronunciation guides under East Asian typography and ideographs"?.

Which element is more appropriate to markup a "Content with added attention, text that would normally be underlined"?.

Which element is more appropriate to identify a table body row group?.

Which element is more appropriate to markup a "Reference to the title of a work, such as a book title"?.

Which element is more appropriate to markup an "Addendum or side note, legal small prints"?.

The following statements are about different values of the type attribute of the input element, which one?. Used for entering a single word or line of text (default input type). The most fundamental button, when clicked or tapped, the submit button immediately sends the collected form data to the server for processing. Like a text entry field, except the characters are obscured from view using asterisk or bullet characters.

Which is the input type (value of the type attribute of the input element) "Collects numerical data, the browser may supply a spinner widget for selecting a specific numerical value":

Which is the input type (value of the type attribute of the input element) "Collects numerical data For the number input, it is typically displayed as a slider that allows the user to select a value within a specified range":

The following statements are about different global attributes, which ones?. Provides a title or advisory information about the element, typically displayed as a tooltip. Specifies the position of the current element in the tabbing order for the current document. Associates style information with an element.

Which of the following elements is no longer supported in HTML5?. <strike>. <em>. <s>. <section>.

Which of the following elements is no longer supported in HTML5?. <u>. <applet>. <br>. <kbd>.

Which is the element used to attach style to inline elements for which there is not specific markup?.

Which element is more appropriate to mark the following content?. Generic division. Long quotation. Text description of a figure. Related image or resource.

Which element is more appropriate to declare a table column?.

Which element is more appropriate to markup a "Variable or program argument (for technical documents)"?.

Which element is more appropriate to markup the "Defining instance or first occurrence of a term"?.

Which element is more appropriate to markup a "Short inline quotation"?.

Which element is more appropriate to markup a "Machine-readable time data"?.

Which element is more appropriate to establish a cell within a table?.

The following statements are about different values of the type attribute of the input element, which one?. It is not visible when the form is displayed in a browser. Its sole purpose is to pass a name/value pair to the server when the form is submitted. Use for entering a phone number. Use for entering a web address.

Which is the input type (value of the type attribute of the input element) "Use for entering a phone number":

Which is the input type (value of the type attribute of the input element) "Creates a button that can be customized with JavaScript. It has no predefined function on its own, unlike submit and reset buttons.":

The following statements are about different global attributes, which ones?. Indicates the element can accept dragged and dropped text or file data. Prevents the element and its descendants from being rendered in the user agent (browser); any scripts or form controls in hidden sections will still execute, but they will not be presented to the user. Indicates if the element is draggable, it can be moved my clicking and holding on it, then moving it to a new position in the window.

Which of these sentences about tag and elements are correct?. Empty elements can not have attributes. An element in HTML represents some kind of structure or semantics and generally consists of a start tag, content, and an end tag. There are also some elements that are empty, meaning that they only consist of a single tag and do not have any content. An element consists of an opening angle bracket (<) followed by the element name, zero or more space separated attribute/value pairs (although, there are some few attributes that can have no value), and a closing angle bracket (>). End tags consist of an opening angle bracket followed by a forward slash, the element name, and a closing angle bracket.

In HTML5, which element is used to group heading elements?. <hgroup>. <headings>. <group>. <header>.

What element would you use to provide the full name of the W3C (World Wide Web Consortium) in the document?.

Which of the following elements is no longer supported in HTML5?. <menu>. <ins>. <q>. <font>.

Which element is more appropriate to mark the following content?. Provides a list of options for text inputs. Identifies the table footer grow group. Identifies the table header row group. Generic input button.

Which element is more appropriate to markup a "Paragraph"?.

Which element is more appropriate to markup a "Highlighted text"?.

Which element is more appropriate to markup a "Generic division"?.

Which element is more appropriate to markup an "Inserted text"?.

Which element is more appropriate to assign a caption to a fieldset of a form?.

Which element is more appropriate to markup a "Sample output from programs"?.

The following statements are about different values of the type attribute of the input element, which one?. With this type of input control it is possible to replace the submit button with an image. Collects numerical data, the browser may supply a spinner widget for selecting a specific numerical value. Creates a button that can be customized with JavaScript. It has no predefined function on its own, unlike submit and reset buttons.

Which is the input type (value of the type attribute of the input element) "Use for entering an Uniform Resource Locator":

Link the following descriptions with the corresponding element. Mark the item of a ordered or underder list. Mark the term in a definition list. Create an ordered list. Mark the definition of a term within a definition list. Create a definition list. Create an unordered list.

Which of the following input types is valid?. type="range". type="textarea". type="alphanumeric". type="boolean".

In HTML5, which element is used to group heading elements?. <header>. <group>. <hgroup>. <headings>.

Which input type defines a slider control?. controls. search. range. slider.

Which element is more appropriate to mark the following content?. Tangential content (sidebar). Self-contained content. Author contact information. Related content.

Which element is more appropriate to markup a "Long quotation"?.

Which element is more appropriate to markup an "Abbreviation"?.

Which element is more appropriate to markup a "Paragraph-level thematic break (horizontal rule)"?.

Which element is more appropriate to markup a "Keyboard text"?.

Which element is more appropriate to markup a "Self-contained content"?.

The following statements are about different values of the type attribute of the input element, which one?. It is not often used, instead the validity of form inputs usually is checked with JavaScript. Use for entering an email address. For a text entry field whose value will be use for a search.

The following statements are about different global attributes, which ones?. Assigns an access key (shortcut key command) to the link or form field. Indicates the user can edit the element. Assigns one or more classification names to the element.

Which element displays whitespace exactly as it is typed into the source document?.

Which of the following elements is no longer supported in HTML5?. <abbr>. <base>. <acronym>. <cite>.

Which element is more appropriate to mark the following content?. Provides a list of options for text inputs. An inline browsing context (window). Table header associated with a row or column. Assigns a caption to a fieldset.

Which element is more appropriate to markup a "Content of strong importance"?.

Which element is more appropriate to markup a "Text description of a figure"?.

Which element is more appropriate to markup a "Line break"?.

Which element is more appropriate to establish a row within a table?.

Which element is more appropriate to markup a "Phrase from another language, technical term, or though; "?.

The following statements are about different values of the type attribute of the input element, which one?. Creates a button that can be customized with JavaScript. It has no predefined function on its own, unlike submit and reset buttons. Collects numerical data, the browser may supply a spinner widget for selecting a specific numerical value. With this type of input control it is possible to replace the submit button with an image.

Which is the input type (value of the type attribute of the input element) "The most fundamental button, when clicked or tapped, the submit button immediately sends the collected form data to the server for processing":

Which is the input type (value of the type attribute of the input element) "Like a text entry field, except the characters are obscured from view using asterisk or bullet characters":

The following statements are about different global attributes, which ones?. Specifies a context menu that applies to the element; the context menu must be requested by the user, for example, by a right-click. Specifies the direction of the element ('left to right' or 'right to left'). Enables authors to create custom data-related attributes, for example, data-length, data-duration, data-speed, etc so that the data can be used by a custom application or scripts.

Which input type defines a week and year control (no time zone)?. year. week. date.

What's the difference between a blockquote and a q element?. There is no difference, q is just a shortcut for blockquote. The q element can contain other block elements, but the blockquote element can only contain inline elements. There is no q element in html5. The blockquote element can contain other block elements, but the q element can only contain inline elements. The q element is used for short inline quotes, while the blockquote element is used form long quotations. There is no blockquote element in html5.

What is the correct HTML5 element for playing video files?. <video>. <movie>. <play>. <media>.

Which is the element used to attach style to block elements for which there is not specific markup?.

Which element is more appropriate to mark the following content?. Short inline quotation. Highlighted text. Text considered especially relevant to the reader. Annotations or pronunciation guides under East Asian typography and ideographs.

Which element is more appropriate to markup a "Conceptually related group of content"?.

Which element is more appropriate to markup a "Table header associated with a row or column"?.

Which is the input type (value of the type attribute of the input element) "Use for entering an email address":

The following statements are about different global attributes, which ones?. Specifies the direction of the element ('left to right' or 'right to left'). Specifies a context menu that applies to the element; the context menu must be requested by the user, for example, by a right-click. Enables authors to create custom data-related attributes, for example, data-length, data-duration, data-speed, etc so that the data can be used by a custom application or scripts.