Make a Website - Codecademy

Question 1

h1 … h6

Answer 1

heading element

Question 2

p

Answer 2

paragraph

Question 3

a

Answer 3

The a element is used to create links.

Question 4

img

Answer 4

The img element is used to add images to a page.

Question 5

ul li

Answer 5

a bulleted list

• Home
• About

Question 6

body

Answer 6

The body element contains the actual content of the web page - everything nested inside and shows up in the web browser

Question 7

!DOCTYPE

Answer 7

The doctype at the start of the HTML file tells the browser which version of HTML you are using. The doctype is not an HTML element, so it doesn’t have a closing tag. The doctype ensures that your web page displays consistently when its visited from different browsers.

Question 8

div

Answer 8

A div element groups other elements together into sections of the web page, such as a navigation bar, the main body, and the footer.

The outer

..

groups the elements into the navigation bar section of the web page. The inner .. wraps the contents in a container.

Question 9

HTML

Answer 9

HTML is used to write a web page’s content

Question 10

CSS

Answer 10

CSS is used to define the design and layout of the page.

Question 11

CSS rules

Answer 11

1. A CSS rule starts with a selector. A selector specifies which HTML elements to style. Here the h1 CSS selector selects all h1 HTML elements on the page.
2. Inside the braces { }, a property and its valuedefine what aspect of the h1 elements to style. Setting the color property to red changes the color of the h1 element to red.

Question 12

Class Selector

Answer 12

The class can be targeted from CSS by using a dot (.).

Question 13

background-color

Answer 13

The background-color property sets the color for the background of an HTML element.

Question 14

background-image

Answer 14

background-image property sets an image as the background of an HTML element.

Ex.) background-image: url(http://goo.gl/04j7Nn);
}

Question 15

border

Answer 15

The border property sets the width, style, and color of an element’s border

Question 16

padding

Answer 16

The padding property creates space between the content and border of an element. This whitespace is useful in order to improve readability and organization of the page.

Question 17

margin

Answer 17

The margin property creates space for multiple HTML elements. The margin is a transparent area outside the border of an element.

Question 18

head

Answer 18

The head element contains information that the web browser needs to display the page.

The link element tells the browser where to find the CSS file used to style the page. Therel attribute tells the browser that the file being linked is a CSS file to style the page. Thehref attribute gives the browser the path to the CSS file.

The body element contains the content of the page that shows up in the web browser.

Question 19

display

Answer 19

CSS treats HTML elements like boxes. A box can be “block” or “inline”.

Block elements display on a new line (e.g., h1, p,ul, li).

Inline elements display on the same line as their neighboring elements (e.g., img, a)

It’s possible to change whether a box is block or inline by using the display property.

Question 20

Bootstrap

Answer 20

Bootstrap is a collection of prewritten CSS rules used to build web pages faster. Bootstrap provides styles out of the box for several common components on a web page, such as grid layouts, navigation, showcases, and much more.

Question 21

Jumbotron

Answer 21

Many sites have a large showcase area featuring important content.

Bootstrap calls this large showcase a jumbotron.

A jumbotron is used to call extra attention to important content on the site.