Major topic of the day includes how to add videos to the webpage along with some artistic elements(styles) such as the font,color, and size of text.
< video > and < /video > - these tags can help implement a video onto your webpage. The "video" can be replaced with "audio" as well to function for mp3 files. By adding an attribute called "controls" after the openening video tag, the user will be able to:
- play
- pause
- rewind
- fast forward
- change volume
- fullscreen
< id = "" > - this tag can follow most types of tags to help set specific indentifiers. This indentifier can be declared under the style tag to contain certain artistics attributes.
< class = "" > - while the ID tag can only be applied to one block of code, the class tag acts the same as ID but for multiple blocks of code.
< style > and < /style > - these tags are another subcategory of the head tag. In this tag, style for the page is set along with identifying class and ID's. Listed below are some of the many attributes of style.
- color
- background-color
- font-size
- text-align
- border
- padding
- margin
< Strong > - this tag is preferred to be used rather than using < b > to bold text.
< em > - this tag is preferred to be used rather than < i > to italicize text.
< div > - this tag is preferred to be used rather than < p > to seperate text.
To further understand the margin and padding styles from before, use the image below:
Margin is the first section. If your content contains a border and you need to move that border, the margin must be adjusted.
Following that, the padding adjusts the space from the border and the text inside the border. It provides more space between the text and the border.