| Question | Answer |
| The middle two characters of a hexadecimal code refer to this color: | green |
| Clicked (visited) hyperlinks, by default, are this color | purple |
| HSL, RGB, and Hex are all ____ models for web design. | color |
| An animated GIF is an image with more than one | state |
| In CSS a class starts with a | period |
| TETO stands for test early, test: | often |
| Closing tags in the reverse order you opened them is called | nesting |
| This type of image format, which can have up to 16 million colors, is best used for photographs on webpages | JPG |
| This web image format supports transparency and animation | GIF |
| Smallest header element | h6 |
| HTML code to insert a picture starts with this | img |
| This attribute refers to the color of text on a webpage | color |
| The Adobe program that is used to code webpages in a WYSIWYG (what you see is what you get) fashion is called | Dreamweaver |
| When linking to an external style sheet, set the rel attribute to: | stylesheet |
| This is added to an image tag for accessibility and describes the image | alt |
| #ffffff is the hex code for | white |
| Number of header elements in HTML | 6 |
| HTML codes are contained in these: | angle brackets |
| CSS selector to change the color of the background | background-color |
| CSS selector used to change the actual font face | font-family |
| To combine multiple images, side by side, with a caption below them, insert them in this tag: | figure |
| To create a hyperlink, use this tag: | a |
| The two most widely accepted image formats for the web are GIF and | JPG |
| When used in the head section, an embedded style sheet of CSS rules must be surrounded by this tag: | style |
| Generally, if not at the top of the page, the main navigation should be at this side: | left |
| When creating styles, the actual element you are styling (such as a p or h3) is called the: | selector |
| In a tag, the part that includes an equal sign is the: | attribute |
| This tag represents a cell in a table that is also centered and bold: | th |
| The default file format for Fireworks that maintains layers and transparency is | PNG |
| In HTML, the M stands for | markup |
| A hyperlink that links straight to a file in the site folder, like page1.html is called | relative |
| This section of a web page contains all the content that is inside the webpage and visible on the browser viewport: | body |
| What symbol must all hexadecimal codes appear with? | # |
| CSS selector used to change text to small-caps: | font-variant |
| When styling a background or list to have images, you must remember to put this before the open parenthesis with no space in between: | url |
| Creates a line break or "enter" | br / |
| If you want a hyperlink to open in a new window, you must set the target to | _blank |
| What generic font category does Times New Roman fall in? | serif |
| This property is used to style bullets to have an image: | list-style-image |
| Tags that can stand alone, like paragraphs or lists are called | block |
| CSS selector used to change line spacing | line-height |
| CSS used to just change the size of a border | border-width |
| If John has a font tri-list of Arial, Tahoma, sans-serif and he does not have Arial on his computer, what font will display? | Tahoma |
| When using multiple styles inline, separate each declaration with: | semi-colon |
| HTML tag that indents from left and right and is a block element used in place of a paragraph | blockquote |
| Level one headings always appear, by default, with this formatting | bold |
| This graphical control element is a navigational aide to help users keep track of their locations within the website structure. | breadcrumbs |
| If you download a large image to use on a webpage, you should do this to the image outside of your HTML editor to make it the proper size: | resize |
| This tag requires a title attribute to have any function. | abbr |
| HR, IMG, and BR are considered this type of tag, which does not have a closing pair. | empty |
| All html files, CSS page, images and any assets for the webpage should be saved in the webpage: | root |
| Hollow round bullets are called this (value): | circle |
| The information the title tag displays where in the browser? | tab |
| To create a responsive image that scales down as the browser scales down, set this to 100%: | width |
| The three common unordered list types are disc, circle, and | square |
| A small icon located up in the address bar in the browser that appears on some webpage is called a | favicon |
| The first internet browser: | Mosaic |
| The three main types of HTML lists are ordered, unordered, and | definition |
| A line in CSS that begins with //* and ends with *// is called a | comment |
| Creates a numbered list | ol |
| This is a required preamble on a webpage that tells browsers and validators what version of HTML the webpage is written in: | DOCTYPE |
| CSS selector that is used with 1px solid blue | border |
| Creates a bulleted list | ul |
| To modify every other row of a table using a pseudo-class, you would include this after TR, followed by a set of parenthesis | nth-child |
| Webpages created in Notepad need to be saved with this typed at the end of the filename | .html |
| Organizing a webpage with the most important elements first describes the principle of visual: | heirarchy |
| This attribute would be used to "merge" a row of cells in a table: | colspan |
| The default color, if not changed in CSS, for a webpage font is | black |
| This attribute is used to open a hyperlink in a new window or tab: | target |
| This tag represents a single cell in a HTML table: | td |
| CSS selector to change the size of words | font-size |
| Largest header element | h1 |
| Having a highly intuitive website structure increases the: | usability |
| This type of design means a website can automatically alter it's layout according to the user's computer/device screen or browser size. | responsive |
| The three common semantic HTML5 tags are header, footer, and: | section |
| CSS selector to change words to bold | font-weight |
| To center an image, you must style the image: | container |
| In CSS a div starts with a | pound sign |
| Internet Explorer, Safari, and Google Chrome are called | browsers |
| To style a list to NOT be on separate lines, like for a navigation bar, change the display value to: | inline |
| The most current Microsoft browser, included with Windows 10, is: | Edge |
| If the paragraph after an unordered list is erroneously indented, what tag is missing? | /ul |
| Two tags can bold text; b (which is deprecated) and | strong |
| The most common value for border-style is: | solid |
| CSS selector used to change the background to a picture | background-image |
| #000000 is the hex code for | black |
| Prototyping, testing, analyzing, fixing, and testing again is the principle of _____ design | iterative |
| To style the image background to not move as you scroll the page down, set this property to fixed: | background-attachment |
| A hyperlink that starts with and links to a specific place on the internet is called | absolute |
| CSS selector that changes underline or overline | text-decoration |
| This tag is used to highlight parts of your text. | mark |
| CSS selector to change words to italic | font-style |
| To jump down the page, the attribute value for the HREF should begin with a: | # |
| This tag creates a numbered list: | ol |
| To prepare images for use on a website, resize to the appropriate size in this measurement: | pixels |
| A photograph or image with multiple clickable link areas (added in Dreamweaver) is called a/an | imagemap |
| Human eyes scan a page in this pattern: | F |
| Default horizontal alignment for paragraphs | left |
| When styling a horizontal rule, it is suggested to provide a color, background-color, border-color and this to make it work in all browsers: | height |
| This style attribute would create a list with capital roman numerals: | upper-roman |
| To set up a page layout, it is best to use these | divs |
| Unclicked links, by default, are this color | blue |
| The number of pixels in a linear inch is referred to as the image: | resolution |
| Hexadecimal color codes begin with a: | number sign |
| Web editors that display the design as you work on a webpage, as opposed to just codes, are considered this type of editor: | WYSIWYG |
| This image format is a vector format for high-quality, scalable graphics generated by code: | SVG |
| To style a frame to use around an element, include what three values for the border--- size, color, and: | style |
| If using an image floating to the side of a paragraph, this should be done to the HR after the paragraph so that the image does not interfere: | clear |
| The year Google Chrome began: | 2008 |
| To link to an external style sheet, put this tag in the head: | link |
| Two tags can italize text; i (which is deprecated) and | em |
| If you do not want buttons that are hyperlinked to have an ugly blue or purple border, set the border to | zero |
| Using the wildcard, the * in your CSS, and setting margins and padding to zero, is called the | universal reset |
| This specific creates a bullet (or number, depending on the list type) | li |
| When setting a float, which alignment can NOT be used: | center |
| If both an HTML table and it's rows/cells have a border, style the table border-collapse property to this to remove the double borders: | collapse |
| HTML tag that creates a horizontal line across the page | hr / |
| To create a hyperlink that jumps down the page, first name the targets with this attribute: | ID |
| This would be an application of which design principle--" reduce the distance from one point to the next and make the target object large enough to enable prompt detection and selection of interactive elements" | Fitt's Law |
| Principle that the more choices you present your users with, the longer it will take them to reach a decision. | Hick's Law |
| The default unordered list type is | disc |
| The most ideal font size in pixels for web design is: | 16 |
| This pseudo-class is used to create an alternative format when hyperlinks are pointed at: | a:hover |
| To center a div, it must have a width set and you must set this to auto: | margin |
| A closing tags looks different from an opening tag because inside the the tag, the first character is | / |
| The first two numbers of a hexadecimal code refer to this color: | red |
| This type of stylesheet is inside the tags and overrides any other styles: | inline |
| Formatting tags like em, strong, or other tags that cannot stand alone are called | inline |
| A button that changes to another button when you point your mouse at is is called a | rollover |
| Browsers do this to HTML code: | interpret |
