<!DOCTYPE html> <html> <head> < ____ rel="____" href="____"> </head> <body> <--! frist add a heading, a paragraph an image with a bird then a small list in order --> ____ remember there are 6 heading type with h1 being the biggest and h6 being the smallest ____ <____ ____= "____/birdpic.jpg" ____ "bird"> ____ ____ ____ ____ ____ ____ /* this is css for the page before make the body background black (HEX), the heading white (HEX), the paragraph purple (RGB), the list yellow (RGB), and the image 2hX4w (choose a relative measurement with a solid green border that has an absolute width of 200*/ body { ____ ____ } ____ { color: ____ } p{ color : ____ } ol { color: ____ img { height: ____ width: ____ ____ ____ ____ green; ____ ____ } <!-- make a table--> ____ <____> ____ th stands for ____ ____ <____> ____ <____> tr stands for ____ <____> ____ td stands for ____ ____ The <video> tag is used to embed video content in a document, such as a movie clip or other video streams. The <video> tag contains one or more <source> tags with different video sources. The browser will choose the first source it supports. The text between the <video> and </video> tags will only be displayed in browsers that do not support the <video> element. For audio files, look at the ____ tag. ____ Specifies that the video will start playing as soon as it is ready ____ Specifies that video controls should be displayed (such as a play/pause button etc). ____ Sets the height of the video player ____ Specifies that the video will start over again, every time it is finished ____ Specifies that the audio output of the video should be muted ____ Specifies an image to be shown while the video is downloading, or until the user hits the play button ____ Specifies if and how the author thinks the video should be loaded when the page loads ____ Specifies the URL of the video file ____ Sets the width of the video player in order of precedence ____: Applied directly within an HTML element’s style attribute, affecting only that specific element. ____: Defined within a <style> tag in the <head> section of an HTML document, influencing the entire page. ____: Contained in a separate .css file linked to the HTML document, allowing for consistent styling across multiple pages. The border-style property specifies what kind of border to display. The following values are allowed: ____ - Defines a dotted border ____ - Defines a dashed border ____ - Defines a solid border ____ - Defines a double border ____ - Defines a 3D grooved border. The effect depends on the border-color value ____ - Defines a 3D ridged border. The effect depends on the border-color value ____ - Defines a 3D inset border. The effect depends on the border-color value ____ - Defines a 3D outset border. The effect depends on the border-color value ____ - Defines no border ____ - Defines a hidden border The border-style property can have from one to four values (for the top border, right border, bottom border, and the left border ). The ____ specifies the width of the four borders. The width can be set as a specific size (in px, pt, cm, em, etc) or by using one of the three pre-defined values: thin, medium, or thick: The border-width property can have from one to four values (for the top border, right border, bottom border, and the left border): if there is 1 value ____ ____ if there are 2 values the first is for the ____ and the second is for the ____ ____ if there are 3 values the first is for ____ the second is for the ____ and the ____ ____ if there are 4 values the first is for the ____ the second is for the ____ the third is for the ____ and the forth is for the ____ ____ The ____ property specifies whether an element should float to the left, right, or not at all. Note: Absolutely positioned elements ____ the float property! ____ The element does not float, (will be displayed just where it occurs in the text). This is default ____ The element floats to the left of its container ____ The element floats the right of its container ____ Sets this property to its default value. The initial keyword is used to set a CSS property to its default value. ____ Inherits this property from its parent element. Read about inherit The inherit keyword specifies that a property should inherit its value from its parent element. The ____ property specifies what should happen if content overflows an element's box. This property specifies whether to clip content or to add scrollbars when an element's content is too big to fit in a specified area. Note: The overflow property only works for block elements with a specified height. ____ The overflow is not clipped. It renders outside the element's box. This is default ____ The overflow is clipped, and the rest of the content will be invisible. Content can be scrolled programmatically (e.g. by setting scrollLeft or scrollTo()) ____ The overflow is clipped, and the rest of the content will be invisible. Forbids scrolling, including programmatic scrolling. ____ The overflow is clipped, but a scroll-bar is added to see the rest of the content ____ If overflow is clipped, a scroll-bar should be added to see the rest of the content initial Sets this property to its default value. Read about initial inherit Inherits this property from its parent element. Read about inherit An element's ____ is the space between its content and its border. The padding property is a shorthand property for: padding-top padding-right padding-bottom padding-left Note: Padding creates extra space within an element, while margin creates extra space around an element. If the padding property has ____ values: ____ top padding is 10px, right padding is 5px, bottom padding is 15px, left padding is 20px If the padding property has ____ values: ____ top padding is 10px, right and left padding are 5px, bottom padding is 15px If the padding property has ____ values: ____ top and bottom padding are 10px, right and left padding are 5px If the padding property has ____ value: ____ all four paddings are 10px ____ is for a specific element while ____ can be used for multiple .work ____ #work ____ The ____ property sets the margins for an element, and is a shorthand property for the following properties: margin-top margin-right margin-bottom margin-left If the margin property has four values: ____ top margin is 10px, right margin is 5px, bottom margin is 15px, left margin is 20px If the margin property has three values: ____ top margin is 10px ,right and left margins are 5px ,bottom margin is 15px If the margin property has two values: ____ top and bottom margins are 10px, right and left margins are 5px If the margin property has one value: ____ all four margins are 10px Note: Negative values are allowed.

HTML and css study guid 3

Skriv ut
Innebygd

Ledertavle

Visuell stil

Alternativer

Bytt mal

Gjenopprett automatisk lagring: ?