Web Dev 201: Important Terms
ANGLE BRACKETS:
the characters used to create a tag: < and >.
ATTRIBUTE:
a way to customize, or add information to an element in HTML; written
as a name=value pair.
BROWSER:
a program that shows HTML documents as webpages with colours and
images; examples include Chrome, Firefox, Safari and Edge.
CLASS:
used in CSS to connect styling rules in a stylesheet to specific
elements.
COMMENT:
a note left by a programmer in their code; ignored by the computer.
CSS (CASCADING STYLE SHEETS):
a language used to add styling like fonts, colours, borders and images
to webpages.
DIRECTORY:
the panel on the left side of the File Explorer window that shows all
of the different places where a file can be saved to or loaded from
your computer; also called the "left pane."
DOCUMENT:
a file containing text, such as an HTML document.
ELEMENT:
an item on a webpage; created in HTML using tags.
FILE:
stores information in a computer.
FILE EXPLORER:
the program used to find and open files on a Windows computer.
FOLDER:
a place on a computer where files are kept.
FONT:
the way text looks; different computers may have different fonts
available.
HTML (HYPERTEXT MARKUP LANGUAGE):
a language that tells a computer what should appear on a webpage.
HTML DOCUMENT:
a text file using HTML code that can be viewed in a text editor, or
rendered in a browser.
INLINE STYLING:
CSS styling code added to a single HTML element using the style
attribute; example <p style="color: red;">red
paragraph</p>
INTERNAL STYLESHEETS:
CSS styling code added to an entire HTML
document with the <style> element.
INTERNET:
the largest computer network connecting computers all over the globe.
LIST:
words, phrases or other items written one after the other.
ORDERED LIST:
a list in a specific order; a list with numbers.
UNORDERED LIST:
a list that is not in any order; a list with bullet points.
MARKUP LANGUAGE:
a computer language that gives instructions to the computer in order
to create documents like webpages.
NESTING:
placing one HTML element inside other HTML elements.
NETWORK:
multiple computers that are connected together and can share data.
NOTEPAD:
a program used to create and edit text files on Windows.
PIXELS:
tiny squares of colour that make up the image rendered on a screen.
PROPERTY:
a descriptive trait of an object, such as colour or size; writing as
a name: value pair.
REFRESH:
to make the browser re-render a webpage; allows you to see changes you
made to HTML or CSS code.
RENDER:
to display code as an image; done by a browser.
STYLE:
fonts, colours, background images, borders and other things added to
an HTML document or element using CSS.
SYNTAX:
the rules for writing in a computer language.
TAG:
a piece of markup code used to create separate elements; written
inside angle brackets: < >.
START TAG:
appears at the start of an element: <tag>.
END TAG:
appears at the end of an element: </tag>; not needed for some
elements, like <img>.
VALUE:
the part of an attribute/value pair that describes the attribute.
Example: the "100%" in width="100%".
WEBPAGE:
a simple HTML document.
WEBSITE:
webpages connected together by links.
WORLD WIDE WEB:
webpages that anyone in the world can access via the Internet.
Web Dev 202: Important Terms
ABSOLUTE ADDRESS:
a more complex link address, including all the information necessary
to find a file on the Internet along with its domain.
BOX MODEL:
a web developer tool that helps make sure each element has the correct
amount of spacing.
DOMAIN:
a webpage address.
EXTERNAL LINK:
a link to a webpage that is part of a different website; requires an
absolute address.
EXTERNAL STYLESHEET:
CSS code stored in a separate file that can be linked to and used by
multiple webpages; uses the <link> element.
HOMEPAGE:
the main or "front" webpage of a website: usually includes links to
the other webpages of a website.
INTERNAL LINK:
a link that is part of the same website; uses a relative address.
LINK:
a word or image that can be clicked in the browser to go from one
webpage to another.
METADATA:
information about a file that isn't displayed on the webpage.
NAVBAR:
a tool that helps website visitors quickly access different webpages.
RELATIVE ADDRESS:
the address of a webpage when each file is located within the same
folder.
RULESET:
a set of CSS rules in the stylesheet.
SELECTOR:
the word in front of the curly bracket in a ruleset; tells the browser
which elements to select when apply certain styling rules.
Web Dev 203: Important Terms
ABSOLUTE POSITIONING:
setting an element's position property to "absolute"; this allows the
element to be positioned anywhere on the webpage.
ANIMATION-DURATION:
how long it takes for an animation to run one time.
ANIMATION-ITERATION-COUNT:
the number of times an animation will run.
ANIMATION-NAME:
the unique name given to a CSS keyframe animation.
EVENT LISTENER:
code that listens for an event and reacts with a set response.
FILE EXTENSION:
the part of a file name that follows the period and tells the computer
what kind of information is stored inside the file; for example: .jpg,
.js, .txt, .mp3.
FILE HIERARCHY:
the way files are arranged and organized on a computer; files and
folders can be nested inside other folders.
FLEXBOX:
an HTML element with the CSS display property set to "flex"; elements
inside a flexbox can easily be made into a row or column.
IFRAME:
a particular kind of frame that can appear anywhere on a webpage and
displays a separate page.
INFINITE:
an animation-iteration-count value that tells the computer to run an
animation indefinitely.
JAVASCRIPT:
a computer programming language used with HTML and CSS to create
interactive effects in websites.
KEYFRAME RULE:
CSS code that specifies what happens in an animation; usually with
start and end values (from (0%) to (100%)).
KEYFRAMES:
a way to use CSS to animate elements on a webpage.
ONCLICK ATTRIBUTE:
can be applied to HTML elements to trigger a function based on an
event (such as a click event).
OPACITY:
how see-through an element is.
PARENT/CHILD ELEMENTS:
"child" elements are nested inside "parent" elements.
POUND SYMBOL:
the # symbol; commonly used as a placeholder for href values; also
used to indicate an id selector in CSS.
PSEUDOCLASS:
used to add style to a selector, but only when certain conditions are
met, such as the element being hovered over (:hover) or clicked on
(:active).
TRANSFORM:
a CSS property that can move, resize or rotate an element.
Z-INDEX:
a CSS property that allows you to change the layering order of
absolutely positioned elements.