6. Webpage Design Flashcards
Define HTML
Hypertext Markup Language. This language is used to build webpages
”
”
Paragraphs. Used for normal text on the webpage
”
“
Line break
Starts and ends an Ordered (numbered) list
.
Starts and ends an Unordered (bullet point) List
.
Goes around items in the list
Creates a divide in the page, and stores the contents of it
Breaks page into sections without making new lines. Inline tag
Starts and ends an Ordered (numbered) list
Starts and ends an Unordered (bullet point) List
*
Goes around items in the list
.
Creates a divide in the page, and stores the contents of it
.
Makes Text bold. Inline tag
.
Breaks page into sections without making new lines. Inline tag
.
Makes text Italic. Inline tag
.
Creates a Link (anchor)
Example of Image
Creates a comment in the code
Define Homepage
The starting page for a website, often containing links to other parts
Define Hyperlink
A link from 1 Hypertext page to another
Define Hypertext
A body of graphics and/ or text stored in a machine-readable structure so that a reader can cross-refer between related items of information
Define Source
The HTML code used to create a webpage
Define Web Browser
Software that displays a website by rendering the HTML elements
Define Web Page
A document on the World Wide Web, written in HTML that can be viewed in a Web Browser
Define Web Site
A set of linked documents accessed by the World Wide Web
Define Attribute
A named field that appears inside an HTML Tag
Define Structure
Headings, Paragraphs, Line Breaks, Hypertext links, lists and Embedded Media
Define Style
A visual effect such as Text Colour, Font Size or Background colour
Define Type Selector
A Selector that is an HTML Tag
Define Selector
Selects which HTML elements are affected by different style
Define Type Selector
A selector that is an HTML tag. It targets every instance of an element
Define Class Selector
Used to select any HTML element that has a class atribute
Define Style Sheet
A collection of Rules about how to present the style of an HTML document
Example: Change a Font style (use H1)
H1 {font-style :italic} Options: normal, italic, oblique…
Example: change a Font weight (use H1)
H1 {font-weight: bold} Options: normal, bold, 400 …
Example: change background colour (use H1)
H1 {background-color: green} Options: any colour
How does an HTML document begin
.
Goes at the top of webpage. Usually contains information about the web page.
.
Marks the beginning and the end of the HTML code
.
Everything that is placed in the webpage
.
Contains information about the webpage that is used for search engine optimisation. Stored inside .
.
Declares a Heading. H1 is biggest, H6 is smallest.
Example: change text alignment (use H1)
H1 {text-align: center} Options: Left, Right, Center
Example: Change Font (use H1)
H1 {font-family: Arial} Options: any font, although they will only work if installed on user Computer
Example: Change text size ( use H1)
H1 { font-size: 200%} Options: any number
Example: change foreground (such as text) colour (use H1)
H1 {color: green} Options: any colour
Define External Style Sheet
Stores the style properties for 1 or more webpages in an external CSS file
Define CSS
Cascading Style Sheets
Example: Embedded style in HTML
tags :
Example: embed an External style sheet into HTML
What are 3 colour shemes
Monochromatic Analogous Complementary
Define Monochromatic Colour Scheme
Derived from a single base colour, only using shades and tints of the original
Define Analogous Colour Scheme
Use any 3 colours that are side by side on a colour wheel
Define Complementary Colour Scheme
Use colours that are opposite each other on the colour wheel
