| Elements | Definition |
|---|---|
| <html> | Defines the root of an HTML document |
| <head> | Contains metadata/information for the document |
| <body> | Defines the document's body |
| <title> | Defines a title for the document |
| <h1>to<h6> | Defines HTML headings |
| <p> | Defines a paragraph |
| <button> | Defines a clickable button |
| <img> | Defines an image |
| <a> | Defines a hyperlink |
| <link> | Defines the relationship between a document and an external resource (most used to link to style sheets) |
| See more on https://www.w3schools.com/ | |
| Attributes | Definition |
|---|---|
| id | Specifies a unique id for an element |
| class | Specifies one or more classnames for an element |
| href | Specifies the URL of the page the link goes to |
| rel | Specifies the relationship between the current document and the linked document |
| src | Specifies the URL of the media file |
| style | Specifies an inline CSS style for an element |
| target | Specifies the target for where to open the linked document or where to submit the form |
| lang | Specifies the language of the element's content |
| alt | Specifies an alternate text when the original element fails to display |
| type | Specifies the type of element |
| See more on https://www.w3schools.com/ | |
A CSS rule consists of a selector and a declaration block.
| Properties | Definition | ||
|---|---|---|---|
| align-items | Specifies the default alignment for items inside the flexible container. | ||
| color | Specifies the color of text in an element. | ||
| background-color | Sets the background color of the element.t | ||
| border | Specifies a border for an element | ||
| border-radius | Sets the radius of the border. | ||
| margin | Sets the margin (outside spacing) for an element. | ||
| padding | Sets the spacing between content and element border. | ||
| width | Sets the width of an element. | ||
| max-width | Sets the maximum width for an element. | height | Sets the height of an element |
| max-height | Sets the maximumn height for an element. | ||
| opacity | Sets the opacity (transparency) of the element. | ||
| box-sizing | Defines how the width and height of an element are calculated: should they include padding and borders, or not. | ||
| empty-cells | Sets whether or not to display borders on empty cells in a table. | ||
| font-weight | Sets the weight or thickness of the font. | ||
| font-family | Sets the font family for an element. | ||
| font-style | Set the font style to normal, italic, or oblique. | ||
| cursor | Specifies the shape of the mouse cursor. | ||
| float | Sets how an element is positioned relative to other elements. | ||
| See more on www.dofactory.com/ | |||