Vocabulary
Quiz yourself by thinking what should be in
each of the black spaces below before clicking
on it to display the answer.
Help!
|
|
||||
|---|---|---|---|---|---|
| View Source | code that your web browser uses to create the web page you are looking at
🗑
|
||||
| Hyper Text Markup Language | defines how a web page is to be structured
🗑
|
||||
| Tags | structural instructions that define a web pages structure and various content containers enclosed in angle brackets < >
🗑
|
||||
| Well Formed Webpages | Web documents that adhere to the HTML guidelines
🗑
|
||||
| Cascading Style Sheets | used to define the layout of your web pages, add the colors, fonts, and the aesthetic features to your web site
🗑
|
||||
| <!DOCTYPE html> | declaration which is placed above the opening <html> tag so a browser interprets all the HTML 5 features
🗑
|
||||
| root element | the <html> open and close tags
🗑
|
||||
| head | the region of a web page that contains utility tags that work behind the scenes and provide information about the page
🗑
|
||||
| body | the primary content region on a web page that contains all the actual content that is displayed in the browser
🗑
|
||||
| Meta tags | provide information about a web page and are placed in the head region of the document
🗑
|
||||
| <meta charset="utf-8"> | meta tag that indicates that the browser should use the English character set
🗑
|
||||
| spiders | programs that constantly search the web by following links to find new web pages, and to update the information on the web pages currently in their database
🗑
|
||||
| element | any object on the page, such as an image, paragraph, container of information, lists, video, etc; created by tags, usually consisting of an opening and corresponding closing tag.
🗑
|
||||
| container elements | elements such as header, article, section, etc that help organize and define content within the body of a web page
🗑
|
||||
| header | used to define the header of the body element
🗑
|
||||
| section | used to group elements, or it can be used to divide content within an element
🗑
|
||||
| article | where the primary content of a web site is written
🗑
|
||||
| nav | contains the web site's primary navigation
🗑
|
||||
| aside | additional content that is "aside" the primary content on the page or content that should not be taken out of context
🗑
|
||||
| footer | contains the information that would be at the bottom of a web page, generally copyright information, or any other information that should be displayed at the foot of a web page
🗑
|
||||
| div | the original container element; used to create containers that do not necessarily fit into any other of the container categories, or to simply group content together
🗑
|
||||
| Heading Tags | used as headings for different sections on a web page; <h1> to <h6>
🗑
|
||||
| Paragraph Tags | define the paragraphs on a web page; paragraph in web design is a looser term than what you might use to define a paragraph in your English class. A single sentence could still be enclosed within paragraph tags. <p> </p>
🗑
|
||||
| Line Breaks | inserted into a web document using the <br> tag
🗑
|
||||
| Opportunity Line Breaks | added with the <wbr> tag before long lines of continuous text, such as a web url to tell the browser that if a line break is needed, it should be here. If a line break is not needed, the browser will ignore the tag
🗑
|
||||
| Horizontal Rule | draw a horizontal line or divider on your web page; <hr>
🗑
|
||||
| <strong> | Bolds text
🗑
|
||||
| <em> | Italicizes text
🗑
|
||||
| encapsulate | when tags surround the text that they are formatting; If more than one tag is formatting the text, then the closing tags must be written in reverse order from how they were opened.
🗑
|
||||
| Block elements | define the container elements and structure of a web page
🗑
|
||||
| Inline elements | will not change the layout and are are used to format small areas of content, such as individual letters, words, or a sentence at the most
🗑
|
||||
| attribute | used to define an inline style sheet for a single element on a web page
🗑
|
||||
| inline style sheet | consists of the style attribute, with a property and value
🗑
|
||||
| style rule | A single property/value combination
🗑
|
||||
| colon | : -- used to create an inline style sheet style rule
🗑
|
||||
| hexadecimal format | receded by the # sign and then defined by adjusting the intensity of red, green, and blue to create other colors
🗑
|
||||
| color: style property | accept any of the standard color names, or the RGB (hexidecimal) color codes
🗑
|
||||
| background-color: style property | used to apply a background color to any of the block or inline elements
🗑
|
||||
| special characters | Web browsers use these to create characters that would otherwise be ignored or interpreted as something else on your web page, or are not represented on the keyboard such as a copyright symbol
🗑
|
||||
| .html or .htm | file extension will tell the web browser that the file is a web page document and it should open it as such
🗑
|
||||
| cross browser compatible | A web page that performs the same in all browsers
🗑
|
||||
| progressive enhancement | a web site is designed to provide the necessary content to all browsers at the most basic level, but visitors using the latest browsers will receive a more enhanced presentation of the content
🗑
|
Review the information in the table. When you are ready to quiz yourself you can hide individual columns or the entire table. Then you can click on the empty cells to reveal the answer. Try to recall what will be displayed before clicking the empty cell.
To hide a column, click on the column name.
To hide the entire table, click on the "Hide All" button.
You may also shuffle the rows of the table by clicking on the "Shuffle" button.
Or sort by any of the columns using the down arrow next to any column heading.
If you know all the data on any row, you can temporarily remove it by tapping the trash can to the right of the row.
To hide a column, click on the column name.
To hide the entire table, click on the "Hide All" button.
You may also shuffle the rows of the table by clicking on the "Shuffle" button.
Or sort by any of the columns using the down arrow next to any column heading.
If you know all the data on any row, you can temporarily remove it by tapping the trash can to the right of the row.
Embed Code - If you would like this activity on your web page, copy the script below and paste it into your web page.
Normal Size Small Size show me how
Normal Size Small Size show me how
Created by:
kristijoyner
Popular Computers sets