Front End Web Development Master Notes Document

HTML Tags

Tag Name Description
<!Doctype> Document Type Tells the webpage what version of HTML script to read, !Doctype will correct to the latest type (which is HTML5)
<nav> Navigation Defines a set of navigation links
<ul> unordered list This will put bullets in front of your listed items
<ol> ordered list This will number your listed items
<h1> to <h6> Headings 1 through 6 Heading sizes, one is the smallest six is the largest

HTML Attributes

Tag Example Description
Title (Name is same) Title This attribute is used for additional context or advisory text for clickable elements

CSS Properties

Selector Description Properties
Display How the elements are ordered on the page Flex:
Inline: Puts the items in your nav bar/list in a horizontal line
color Lets you change the color of the text You can define the color in a few ways (Fill in later)
box-sizing Sets how the total width and height of an element is calculated content-box
border-box
text-decoration lets to underline the text in different ways
text decoration

CSS Psuedo Classes

Property Example Description
!Doctype Document Type Tells the webpage