Term | Definition |
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 |