HTML

<a></a>

makes a link

<div></div>

used to group tags for later styling

<h1></h1>

writes text to the screen

<p></p>

write text to the screen (paragraph)

href

attribute that says where to go when you click the link (hypertext reference)

<body></body>

contains all the code for the page

<img>

adds an image to the webpage

src = “ “

Where you put the file, jpg or png, for the image

alt = “ “

alternate text for accessibility when using images

<br>

line break to format the page better

<head></head>

Contains information about the page

<link>

connects and external file like the css file to html

rel = “

tells which file to connect to

class = ““

gives whatever element an assignment to a class of your choosing

id = ““

gives a specific element a unique id, only one of that id should be used per page

. + class name

selects everything with the assignment “class name”

#+id

selects everything with that specific id

padding

space inside an element, between its content and its edges.

margin

space outside an element, separating it from other content.

:hover

applies a style while mouse hovers over it

<meta>

provides information about a page

name = “description”

a built in value in html that says were about to give information that’s a description

<title>text</title>

Makes text the name of the browser tab

<!DOCTYPE html>

tells the browser to use standard HTML rendering

<html></html>

wraps your entire document, including both <head> and <body>.

git add .

<button></button>

adds a button to the page, with chosen text

border-radius:

makes stuff round

<ul></ul>

unordered list, blocks off a bulletpoint list

<list></list>

individual item on a list

<details></details>

Creates an expandable section

<summary></summary>

creates a clickable text

placeholder = ””

Example text in an input text box

<input>

creates an input object of varying types

maxlength = ““

sets a character limit on text input

:focus

css category to customize what happens when you click into a text box

accent-color:

changes the fill color of a checked box

<select></select>

Creates a dropdown selection

<option></option>

Creates an individual option for a dropdown

<textarea></textarea>

Creates a large text box of specified row = ““ size.