Week 1: Git, HTML and CSS

Question 1

Hypertext

Answer 1

Another word for link

Question 2

Markup language

Answer 2

A system for adding district instructions for how text should be formatted. HTML is an example.

Question 3

< >

Answer 3

Angle brackets used in HTML to indicate instructions for the browser.

Question 4

Block Elements

Answer 4

HTML elements that create a “block” in the display by appearing on their own line.

Question 5

vs

Answer 5

Opening vs closing tags

Question 6

#

Answer 6

Examples of Block Element Tags that are 1 tab from

Question 7

Tags

Answer 7

HTML annotations which indicate how the text should be formatted.

Question 8

End tag

Answer 8

Alternate name for closing tag.

Question 9

Inline Element

Answer 9

HTML elements that do not appear on their own line, but instead share with other elements.

Answer 10

Examples of inline elements

Question 11

Attribute

Answer 11

Additional information provided to an HTML tag. Ex- href attribute in an tag provides the URL a link should travel to.

Question 12

Relative Path

Answer 12

A path to a file within the project itself. Usually referring to the location provided in as the href attribute in an tag.

Question 13

Self-closing

Answer 13

HTML elements that does not need a closing tag.

Question 14

README

Answer 14

A file located in a project’s repository that provides detailed information about a project.

Question 15

Markdown

Answer 15

Simple language that uses marking annotation to format text for display in a browser.

Question 16

Open Source

Answer 16

Software that is freely distributed by its creator(s) for use and distribution.

Question 17

CSS

Answer 17

Cascading Style Sheets - A language used to program the visual appearance of HTML elements.

Question 18

Rule

Answer 18

A block of CSS that details particular stylistic instructions to be applied to an HTML element. This whole thing is a rule: h2 { font-style: italic; }

Question 19

Selector

Answer 19

The part of a CSS rule that determines which HTML elements the rule applies to The h2 is the selector: h2 { font-style: italic; }

Question 20

Property

Answer 20

The characteristic a CSS rule is altering. Font-style is the property in this rule: h2 { font-style: italic; }

Question 21

Value

Answer 21

The attribute a CSS rule is applying to the specific property. Italic is the value in this rule: h2 { font-style: italic; }

Question 22

styles.css

Answer 22

The stylesheet file

Question 23

Dev Tools or Developer Tools

Answer 23

An area of the Google Chrome web browser that offers debugging options, and other tools to assist in locating problems.

Question 24

JavaScript Console

Answer 24

Location in Google Chrome where a website’s errors are logged and other debugging tools are available.

Question 25

Inspecting an element

Answer 25

Act of looking at the code for a specific element on the page. How to inspect an element: right click on an element of a webpage and select “inspect” from the resulting menu options.

Question 26

GitHub Pages and using gh-pages branch

Answer 26

After you finish your project you can create a gh-pages branch either locally or on GitHub to allow your project to be viewable at my-github-username.github.io/repository-name.

Question 27

Branching

Answer 27

The act of making multiple copies of the same code in the same project.

Question 28

Float

Answer 28

A CSS option that assists in layout by allowing elements on the page to be placed next to each other in the layout (values include right or left).

Question 29

Box Model

Answer 29

A model that shows the properties of how the space around an element is assigned and manipulated with CSS.

Question 30

Inheritance

Answer 30

The process by which children elements share the properties of their parent elements. For instance, if you set a style to a

• , the
• s will inherit the style of the list unless otherwise specified.

Question 31

Specificity

Answer 31

In the instance that two styles conflict, the style that is applied will be the most specific of the two. For example, a style for a paragraph tag would not be applied if there was a style for a link within a paragraph. The link within the paragraph reference is more specific than paragraph.

Example: specificity-styles.css

p { background-color: green; }

p. slow { background-color: yellow; }
p. slow .stop { background-color: red; }
specificity. html

This will have a green background.

This will have a yellow background. And this a red background.

Question 32

Framework

Answer 32

A foundation of pre-built tools, software, code, and other resources we can use to create a project more easily than if we created it from scratch.

Question 33

Front-End Frameworks

Answer 33

Pre-built code that assists us in creating the front-end of our website. That is, the CSS, designs, layouts, and portions the user interacts with.