click below
click below
Normal Size Small Size show me how
HTML & CSS Review
CompuScholar - Web Design - Ch.1-6
| Term | Definition |
|---|---|
| <font> | Element with attributes to control the size, appearance, and color of text. |
| Inline Styling Method | Writing properties that will be applied in the same line as the mark-up element. |
| <style> | Element with attributes to apply inline CSS properties to an HTML Element. |
| Property | A name to describe things like the color, size, or font style of an element. |
| Value | Assigned to a property to control an element's appearance on a web page; ex. blue |
| Declaration | When a property is combined with a value; formatted as PROPERTY:VALUE; |
| Declaration Block | A set of declarations assigned to a particular style; a list of styles to be applied. |
| Background-Color | Property added to elements to set the color of the background within that element's area. |
| Color | Property that tells the browser what color to make the text; predefined names and hexadecimal numbers. |
| Font-Size | Property that controls the size of the text; predefined names and pixels. |
| Font-Weight | Property that tells the browser if text should be displayed as "normal" or "bold" on the screen. |
| Predefined Color Names | Web-safe colors that all computers, monitors, and web browsers know how to display these colors with exactly the right shades; ex. red. |
| RGB Colors | Each pixel is defined using a red, green, and blue color system; the amount of color is defined by a number between 1 and 255. |
| Hexadecimal | 16 digits (0 through 9 and A through F) that define a specific color; ex. 0000FF. |
| CMYK Colors | Colors mixed together and used in printing; cyan, magenta, yellow, black. |
| Contrast | The visual difference between the letter colors and the background color. |
| Color Theory | Studying colors to help you make good color choices according to how certain colors make you feel, attract attention, or set a mood. |
| Color Wheel | A visual diagram that shows the relationship between 3 primary, 3 secondary, and 6 tertiary colors. |
| Primary Colors | Red, Yellow, Blue |
| Secondary Colors | Green, Orange, Purple |
| Tertiary Colors | Red-Orange, Red-Violet, Yellow-Orange, Yellow-Green, Blue-Violet, and Blue-Green |
| Analogous Colors | Sets of colors that are next to each other on the color wheel; ex. green, yellow-green, yellow |
| Complementary Colors | Two colors that are found directly opposite of one another on the color wheel; ex. green, red |
| Harmonious Colors | A color scheme that is pleasing and balanced to the eye. |
| Embedded or Internal CSS | Defining styles, one at a time, at the top of each web page for each type of HTML element you want to control. |
| Selector | The name of the HTML tag you want to control with a <style> element; ex. p for paragraph |
| Case Sensitivity | Using lowercase letters and consistency when coding to avoid possible problems. |
| Common Selectors | Elements that can be styled using embedded CSS; ex. <body>, <p>, <h1>, <a> |
| Cascading Concepts | Rules that have to be followed when applying properties to elements. |
| Importance | Cascading rule that marks something as "important" and thus overrides all other properties that might apply to an element; "!important" |
| Inheritance | Cascading rule that makes HTML elements inherit traits from elements that contain ex. if you apply a rule to the <body> of the page, all of the <p> and other elements inside the <body> will inherit those properties. |
| Ordering | Cascading rule that makes the later (lower) rules override the properties set by the earlier (higher) rules; if this creates a conflict in the code then the latest (lowest) rule will override the settings from the earlier rule. |
| Specificity | Cascading rule that only apply to subsets of standard selector elements. These more specific rules will override the properties from the more general rules that apply to a broader range of elements. |
| Inline Properties | Cascading rule that will override any other properties that are applied to an element through style rules or inheritance. |
| External CSS | A method of applying style HTML code (on multiple pages) on your website via information saved in a seperate .css file. |
| <link> | Element that links to an external file. |
| @charset | A declaration that should be the first line of a .css file; tells the browser about the character set you are using. |
| CSS Comments | Used to make notes to yourself that are ignored by the browser; use /* to start the comment and */ to end it. |
| Hyperlink | A word, group of words, or image that allows a user to move from one place to another on the web. |
| <a> | Element that defines an anchor or hyperlink within a webpage. |
| href | An anchor attribute tied to the location a browser will move to, when a hyperlink is clicked. |
| Bookmark Anchor | Identifying a section/area of a webpage with a name. |
| id | An anchor attribute that sets a "bookmark" for an area on the current page. |
| External Link | A hyperlink to location outside of your own site. |
| Internal Link | A hyperlink to a location within your own site. |
| Target | The exact name of the file/page linked with a hyperlink. |
| Root Directory | The home folder that contains all of the pages within a website. |
| Relative Path | The instructions that lead a browser from one page to another, when linked with a hyperlink. |
| Absolute Path | The instructions that build a path from one page to another by going back to the root directory, when linked with a hyperlink. |
| Navigation Bar | A section on your webpage that lists links to other pages and subpages on your website. |
| HTTP | Protocol in a URL that tells a web browser it is going on the Internet to locate a web page; Hyper Text Transfer Protocol. |
| Domain | Identifier in a URL that tells a web browser to look for a certain web server to locate a web page. |
| Resource | Directory and filename in a URL that tells a web browser the specific details of a web page it is trying to locate. |
| Trailing Slash (/) | Used in URLs to identify directories (slash IS present) and filenames (slash IS NOT present). |
| Target Attribute | Used within an anchor tag to create a new browser window or tab when a hyperlink is clicked. |
| mailto: | Statement used within an href attribute to open the default email program (with an email address placed in the "To" field) when a hyperlink is clicked. |
| Spam | A junk email message sent to your mailbox by an unwanted sender. |
| Web Crawlers | A small programed designed to crawl through the World Wide Web, looking for @ symbols, and collecting email addresses; spider. |
| Form | A small document with different fields that a user needs to fill out. |
| CAPTCHA | Used in forms to authenticate legitimate users; Completely Automated Public Turing test to tell Computers and Humans Apart. |
| & | 64 |
| Block | Element with boundries that will automatically wrap text and fit it to the space availible. EX: <p>, <h1>, <blockquote> |
| Inline | Element that controls how data is displayed; can be within a block or other elements. EX: <em>, <strong>, <cite>, <br /> |
| <div> | Element used to mark a division in your webpage. Similar items should be grouped together with this block element tag. |
| Document Flow | A web browser will normally display elements on the web page in the order they are written in the HTML file, from top-to-bottom. |
| <span> | Element used to create a certain style for a small section; can be used within blocks or inline tags. |
| Clean Code | Using only the tags necessary to make the page work. |
| Nesting | Each HTML element should have a matching closing tag. |
| Whitespace | Indenting spaces, tabs, and returns that make it easier to see which elements go together in your code. |
| Carriage Return | Pressing Enter to start code on the next line. |
| Indent | Adding whitespace, like tabs or spaces, at the beginning of your line to move the characters to the right. |
| id Attribute | Added to most elements to give them a unique name within your HTML file. |
| <!-- --> | Used to add comments to the programmer that are not displayed within the browser. |
| Header | Element at the top of a web page that can contain identifying information. |
| Footer | Element at the bottomr of a web page that can contain identifying information. |
| Character Reference | Adding special symbols to your webpage using a series of characters; escape sequence. |
| " | Character reference for a double quote " |
| ' | Character reference for an apostrophe ' |
| & | Character reference for an ampersand & |
| > | Character reference for a greater than angle bracket > |
| < | Character reference for a less than angle bracket < |
| © | Character reference for the copyright symbol © |
| Character reference that adds a space that the browser won't remove when auto-wrapping text to fit within an area. | |
| <ol> | Element that contains items where the order is important; items are numbered; ordered lists. |
| <li> | Element that should be included in a list; list item. |
| <ul> | Element that contains items where no particular order is important; items have a bullet or dash; unordered lists. |
| Attributes | Used to control how a tag behaves on a web page; identified by a name (followed by = ) and a value (surrounded by " " ). |
| <meta> | Element that doesn't display any content but gives the browser (and search engines) information about each page. |
| <meta> charset | Element that tells the browser what type of encoding is used for the characters on the page. |
| <meta> description | Element used by search engines to help identify the page and calculate rankings. |
| <meta> keywords | Element used to list commonly misspelled keywords related to your page that might be used by search engine users. |
| <meta> author | Element used to attach the name of the web page designer to a site. |
| <meta> copyright | Element used to record the year the page was published and the name of the copyright owner. |
| <meta> rating | Element used to rate the intended web page audience, similar to movie ratings. |
| <title> | Element that displays a short phrase (usually on the browser tab) that describes the page content. |
| <h1> | Element used to turn regular text into a large headline. |
| <h2> | Element used to create headlines slightly smaller than the primary headline. |
| <p> | Element used to separate content into paragraphs. |
| Content | Visible information on your web page including words, pictures, files, videos, games, etc... |
| <strong> | Element that makes your text appear bold (a little bit darker and fatter). |
| <em> | Element that creates emphasis by making text appear in italics (slanted to the right). |
| <blockquote> | Element used to surround a quote (that is longer than one line) and off-set it from the rest of your content. |
| <cite> | Element used to identify the author or speaker of a quote. |
| <br /> | Element used to force a break between lines of text. |
| Root Directory | The folder on a computer's hard drive where all of the HTML files, image files, and other resources for a web site should be saved. |
| Common Folder | The folder to hold all of your web site root directories. |
| Backup | Making a copy of files in another location for safe keeping. |
| .html or .htm | File extension for a web page. |
| Home Page | The page displayed by a web server when a URL request arrives; usually named "index.html." |
| Encoding | A process that converts information so that it can be stored in the computer's memory. |
| UTF-8 | A popular way to encode text and characters from any written language into a series of 1's and 0's. |
| Brackets | When combined with words between them, they tell the web browser how to display the data on the web page. |
| Tag | When angle brackets are used around a specific word to mark the start and end of sections on a web page and tell browsers how to display those sections. |
| Opening Tag | Marks the start of a section. |
| Closing Tag | Marks when a needs to end, or stop. This is done by adding a forward slash (/) before the name of the tag. |
| Element | Everything from the opening tag to the closing tag, including the tags themselves and the data within. |
| Empty Element | The tag starts normally, but instead of a separate closing tag, there is a space and a forward slash just before the end bracket. |
| Case-Sensitivity Best Practice | Use all lowercase names for elements (<html>), even though capital letters will work. |
| <!DOCTYPE html> | Must be very first line in the file - before any other elements, blank lines, or spaces. |
| <html> | Always the first tag after <!DOCTYPE>, tells the browser that everything is a mixture of HTML code and the displayed content. |
| <head> | The first element inside the root <html>, contains information about the page and instructions for the browser, but is not visible to people reading the page in the browser. |
| <body> | Always after the closing </head> tag, contains everything seen on the screen (text, images, links, etc...). |
| Browser | A software program that can display web pages on your computer. |
| Open Source Software | Software with source code that is free for anyone to download and examine. |
| WWW | World Wide Web |
| Closed Source Software | Software with source code that only the companies that own it can examine. |
| URL | Uniform Resource Locator |
| World Wide Web Consortium (W3C) | Defines rules and standards for all web browsers and web code. They recommend the best way to create web sites and publish references for anyone who is interested in following their suggestions. |
| Mark-Up | Web pages contain specially formatted data that is displayed by your web browser. |
| HTML | HyperText Mark-up Language; the language web pages are written with. |
| CSS | Cascading Style Sheets; separate documents that include all of the visual layout rules for a web page. |
| XML | Extensible Markup Language; used to hold many kinds of information in a flexible format. |
| Best Practices | Suggestions for making your website work better. |
| Naming Pattern | Consistency in file naming makes reading your code much easier. |
| File Extension | A suffix at the end of a filename that hints at the contents of the file. |