html:
Start and end of website.
head:
Start and end of browser top bar. Insert title, script, and styles here.
title:
Start and end of title. Goes inside the head but on-top of the browser.
body:
Whole words type in the website for paragraph and headings.
h1:
Heading of page
h2:
Subheadings of page (up to 6 headings)
p:
Start and end of paragraph on a page.
b:
Bold Text
i:
Italic text
sup:
Superscript (2
2)
sub:
Subscript (H
20)
hr /:
Horizontal line break
br /:
Line Break
strong:
Strong bolding
em:
Strong italics
blockquote:
Blockquotes
Ex. (blockquote cite="http://www.examplesite.org") (p)Example(/p)(/blockquote)
Use for longer quotes that take up entire paragraph.
q:
quotations
abbr:
Abbreviation
Ex. (abbr title="National Aeronautics and Space Administration")NASA(/abbr)
Cutting the name short.
cite:
Reference a piece of work
dfn:
New terminology
address:
Only use for contact details
ins:
Inserted word or underline
s:
Strikethrough
ol:
Number list
ul:
Dot Bullet list
li:
Start list or sub-list items
dl:
Start definition list
dt:
Term
dd:
Definition meaning
(a href=)(/a):
Links
Ex. (a href="http://www.examplesite.com")NameofLink(/a)
Absolute URL (link to different website)
Ex. (a href="test.html")Test(/a)
Relative URL (link other pages in same website, but only in the same folder)
Ex. (a href="mailto:test@example.org")Email example(/a)
Goes to email link.
Ex. (a href="http://www.examplesite.com" target"_blank")NameofLink(/a)
Opens a new window
Ex. (a href="#top")Top(/a) and (h1 id="top")Top of page(/h1)
Linking to a specific parts of the page or another page
Ex. (a href="Example.html")Examples(/a)
File in same folder (Grandparent)
Ex. (a href="Folder/Example2.html")Child Example(/a)
File 1 folder down (Grandparent's child)
Ex. (a href="Folder/Folder2/Example3.html")Grandchild Example(/a)
File 2 folders down (Grandparent's grandchild)
Ex. (a href="../Example.html")Examples(/a)
Files 1 folder up
Ex. (a href="../../Example.html")Examples(/a)
Files two folders up
img:
Add an image on a page
src:
Tells the browser where it can find the image file
alt:
Provides a text description
Ex. (img src="Example.jpg" alt="An example" /)
Attributes to add the image
Ex. (img src="Example.jpg" alt="An example" title="An example of an example." /)
Provides additional info of image.
Ex. (img src="Example.jpg" alt="An example" width="600" height="450" /)
Increase or decrease size of image.
Align:
Position of the image on the site. Can position left, right, top, middle, and bottom.
Ex. (img src="Example.jpg" alt="An example" width="50" height="50" align="right" /)
Image Position.
figure:
Contains both image and caption
figcaption:
Caption on an image
Abbreviation for () = The arrows >>>>
Made some more notes on Word for my Reference Only!
Made some notes on the Fifty States In the United States of America