Web Design Unit 1: Getting Started

Study Notes

HTML (Hyper-Text Markup Language): code that defines the meaning and structure of a website's content
Metadata: data about data (e.g. title, which describes what the page is about)
HTML tags: define the content of a website
Structure of an opening tag: ``
Structure of a closing tag: ``
5 essential tags in every website: not specified
Tags:
- Heading 1-6: -
- Paragraph of text: 
- Emphasized text: 
- Bold text: 
- Horizontal rule: ``
- Line break:  
Image tag attributes:
- Source: src
- Width: width
- Height: height
- Alternate: alt
Scaling an image to keep its original ratio: not specified
Difference between unordered and ordered lists:
- Unordered list: 
- Ordered list: 
List item: ``
Tables:
- Table: ``
- Table row: ``
- Table header: ``
- Table data: ``
HTML Colors:
- More than 140 named colors available
- Colors can be created through a combination of red, green, and blue (RGB)
- RGB values range from 0 to 255
- Hexadecimal colors: #RRGGBB (e.g. #FF0000 = red)

CSS (Cascading Style Sheets): adds style and design to a web page
CSS rule: Selector { Property: value; }
Difference between color and background-color: not specified
Selecting elements in CSS:
- By tag: affects all elements with the specified tag
- By class: affects only elements with the specified class name
- By ID: affects only the element with the specified ID
Class name rules: cannot start with a number or contain spaces
Selecting multiple classes: not specified
Order of CSS style application: not specified