HTML TABLE |
||
---|---|---|
HTML Code | Syntax Example | Expected Output |
Document declaration | <!DOCTYPE html> |
No Output |
Document wrapper | <html> page elements and content</html> |
No Page-Related Output |
Reference/link container | <head> link, title, SEO tags and metadata go here.<head> |
No Output |
Main Page wrapper | <body> Container, text, and media tags go here.</body> |
Container, text, and media tags go here. |
To add a paragraph | <p> content </p> |
content |
CSS TABLE |
||
---|---|---|
CSS Code | Syntax Example | Expected Output |
Class assignment to change text color to white and background to black. | .ex1 {color: white; background-color: black;} |
This span element was given the class of "ex1." |
- Placeholder 1
- Placeholder 2
- Placeholder 3
- Placeholder 4
-
Sample Code 1
-
Sample Code 2
-
Sample Code 3
-
Sample Code 4
-
- Outro Placeholder
- When CSS is written inline, it only effects a single HTML element. The syntax uses the style attribute, with the CSS code following standard conventions.
-
CSS can also be written internally, in the
<head>
section of an HTML document. It is enclosed by a<style>
element tag, with everything within following standard CSS formatting. - CSS has style requirements of a line to start with a tag, class, id, or a combination of such separated by a comma, or placed together to adjust the specificity of the formatting.
-
Four mock syntaxes include:
-
p {
color: blue
} -
.(class) {
text-size: 40px
} -
#(id) {
font-family: 'Times New Roman'
} -
p.some {
background-color: pink
}
-
- There are many other ways CSS can be used in tandem with their selective identifiers to make page use more unique. These are just some beginning examples.