HTML and CSS

Question 1

HTML

Answer 1

HTML is an interpreted language, used to describe the format and content of a webpage to a web browser. It uses tags as commands and each tag usually has additional attributes e.g.

is the tag
Width is an attribute
Height is an attribute

Question 2

<p> </p>

Answer 2

Paragraph

Question 3

<br></br>

Answer 3

Line break

Answer 4

Table

Answer 5

Table row

Question 6

Table column

Question 7

<h1></h1>

Answer 7

Heading 1

Question 8

<img></img>

Answer 8

Include an image

Question 9

<a>displayed link</a>

Answer 9

Hyperlink to a new page

Question 10

<div></div>

Answer 10

Section of the document

Question 11

<ol></ol>

n

Answer 11

Ordered/numbered list

Question 12

<ul></ul>

Answer 12

Unordered list

Question 13

<li>
</li>

Answer 13

List item

Answer 14

Defines the document type

Question 15

Defines a comment

Question 16

<a></a>

Answer 16

Defines a hyperlink

Question 17

<b></b>

Answer 17

Defines bold text

Answer 18

Defines a documents body

Answer 19

A footer section in a document

Answer 20

Defines header for a document or section

Answer 21

Defines the root of a html document

Question 22

<img></img>

Answer 22

Defines an image

Answer 23

Defines navigation links

Question 24

CSS

Background-color

Answer 24

determines the colour of the background, can be specified as a named colour (e.g. red) or as red/green/blue in hex 6 digit number (e.g. A6F2CC)

Question 25

CSS | Text-color

Answer 25

determines the colour of the font

Question 26

CSS | Text-align

Answer 26

justifies the text

Question 27

CSS | Float (left or right)

Answer 27

positions the div element to the right or left of the surrounding element

Question 28

CSS | Border

Answer 28

colours and styles the border

Question 29

CSS | align-content

Answer 29

Specifies the alignment between the lines inside a flexible container when the items do not use all available space

Question 30

CSS | align-items

Answer 30

Specifies the alignment for items inside a flexible container

Question 31

CSS | Align-self

Answer 31

Specifies the alignment for selected items inside a flexible container

Question 32

CSS | background-attachment

Answer 32

Defines whether or not the back face of an element should be visible when facing the user

Question 33

CSS | Background-blend-mode

Answer 33

Specifies the blending mode of each background layer (color/image)

Question 34

CSS | Background-clip

Answer 34

Defines how far the background (color or image) should extend within an element

Question 35

CSS | background-image

Answer 35

Specifies one or more background images for an element

Question 36

CSS | background-origin

Answer 36

Specifies the origin position of a background image

Question 37

CSS | Background-position

Answer 37

Specifies the position of a background image

Question 38

CSS | background-repeat

Answer 38

Sets if/how a background image will be repeated

Question 39

CSS | background-size

Answer 39

Specifies the size of the background images

Question 40

CSS | border-bottom

Answer 40

A shorthand property for border-bottom-width, border-bottom-style and border-bottom-color

Question 41

CSS | border-bottom-color

Answer 41

Sets the color of the bottom border

Question 42

CSS | border-bottom-left-radius

Answer 42

Defines the radius of the border of the bottom-left corner

Question 43

CSS | Border-bottom-style

Answer 43

Sets the style of the bottom border

Question 44

CSS | border-bottom-width

Answer 44

Sets the width of the bottom border

Question 45

CSS | Color

Answer 45

Sets the color of text

Question 46

CSS | columns

Answer 46

A shorthand property for column-width and column-count

Question 47

CSS | direction

Answer 47

Specifies the text direction/writing direction

Question 48

CSS | float

Answer 48

Specifies whether or not a box should float

Question 49

CSS | font

Answer 49

A shorthand property for the font-style, font-variant, font-weight, font-size/line-height, and the font-family properties

Question 50

CSS | font-family

Answer 50

Specifies the font family for text

Question 51

CSS | font-size

Answer 51

Specifies the font size of text

Question 52

CSS | font-style

Answer 52

Specifies the font style for text

Question 53

CSS | justify-content

Answer 53

Specifies the alignment between the items inside a flexible container when the items do not use all available space

Question 54

CSS | width

Answer 54

Sets the width of an element

Question 55

Inline CSS

Answer 55

| This is called inline CSS because it is directly within the HTML

Question 56

Embedded CSS

Answer 56

in the style tags in the head section h1 {color: blue;} The purpose of this is to separate the content (the words on your webpage and images), from the style (where they are positioned, the font you use, font size, colours)

Question 57

What makes a good web design?

Answer 57

``` Limited colour palette Maximum 3 colours (+ black & white) Limited font selection Maximum 3 different font styles Common interface across all pages All pages in a site look similar with a similar layout Navigation bar Helps to find your way around the site ```

Question 58

.bmp

Answer 58

Used for larger images, this file is the default type for paint files

Question 59

.jpg

Answer 59

This file is usually high quality images such as photographs, but they can be quite large files. Jpg files fo not support transparency.

Question 60

.gif

Answer 60

These tend to be “cartoony” images. But the format allows layering of different images to produce an animation.

Question 61

.png

Answer 61

These are vector images and tend to be a compromise between the high quality jpg files and low quality gif images. PNG files support transparency.