List of non-alphanumeric keys
Windows Key (Start Key) – a key with a four- ~ -- Tilde
pane, wavy window
` -- Acute / Back quote / Grave / Push
Menu Key – a key with a cursor pointing to a
! – Exclamation mark / Exclamation point /
menu
Bang
Esc – Escape key
@ -- Ampersat / Arobase / At symbol
F1 – F12 – Function keys
# -- Sharp / Hash / Pound
Tab – Tabulation key
$ -- Dollar Sign
Caps Lock – Capitals Lock key
% -- Percent
Shift – Shifting key
^ -- Circumflex / Caret
Ctrl – Control key
& -- Ampersand / And symbol
Fn – Function key
* -- Asterisk / Mathematical Multiplication
Alt – Alternate key symbol
Spacebar – Spacebar key ( ) – Open (left) and close (right) parenthesis
Arrows – Up, Down, Left, Right keys - -- Dash / Hyphen / Minus
Back Space – Backspace key _ -- Underscore
Delete – Delete key + -- Plus
Enter – Enter key = -- Equal
Prt Scrn – Print Screen key { } – Open and close braces / Curly brackets
Scroll Lock – Scroll Lock key [ ] – Open and Close brackets
Pause / Break – Pause key | -- Pipe / Vertical Bar
Page up / Page down – Page scrolling keys. \ -- Backslash
End – Ending key / -- Forward Slash
Num Lock – Numeric Lock key : -- Colon
; -- Semicolon
“ – Quote / Quotation Mark
‘ – Apostrophe / Single Quote
< -- Less than / Open Angle Bracket
> -- Greater than / Close Angle Bracket
, -- Comma
. – Period / Dot / Point / Full Stop
? – Question Mark
Basic HTML and HTML5
HTML (HyperText Mark-up Language) is a mark-up language that uses a
special syntax or notation to describe the structure of a webpage to the browser.
HTML elements usually have opening and closing tags that surround and give
meaning to content. For example, different elements can describe text as a
heading, paragraph, or list item.
That is an HTML element:
<h1>Hello</h1>
Most HTML elements have an opening tag and a closing tag.
Opening tags look like this:
<h1>
Closing tags look like this:
</h1>
The only difference between opening and closing tags is the forward slash
after the opening bracket of a closing tag.
The h2 element you will be adding will add a level two heading to the web
page.
This element tells the browser about the structure of your website. h1
elements are often used for main headings, while h2 elements are generally used
for subheadings. There are also h3, h4, h5 and h6 elements to indicate different
levels of subheadings.
The p element is the preferred element for paragraph text on websites. p is
short for "paragraph".
You can create a paragraph element like this:
<p>I'm a p tag!</p>
Web developers traditionally use lorem ipsum text as placeholder text. The
lorem ipsum text is randomly scraped from a famous passage by Cicero of Ancient
Rome.
Lorem ipsum text has been used as placeholder text by typesetters since the
16th century, and this tradition continues on the web.
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
deserunt mollit anim id est laborum."
Commenting is a way that you can leave comments for other developers
within your code without affecting the resulting output that is displayed to the end
user.
Commenting is also a convenient way to make code inactive without having
to delete it entirely.
Comments in HTML start with <!-- and end with a -->