HTML Foundations

Question 1

What is HTML and what does it stand for?

Answer 1

HTML stands for Hypertext Markup Language and is the raw data that a web page is built of. Text, links, cards, lists, buttons, images, and videos are all made from HTML.

Question 2

What is CSS and what does it stand for?

Answer 2

CSS stands for Cascading Style Sheets and adds style to HTML elements like color, font, size, position, format, layout, and overall presentation of your website.

Question 3

What is JavaScript?

Answer 3

JavaScript is a programming language, compared to HTML and CSS which are not since they do not use logic, that makes a web page do things and creates interactivity.

Question 4

What are HTML Tags?

Answer 4

HTML Tags consist of an opening and closing tag and in between those tags hold information or content.

Question 5

What are self-closing HTML Tags?

Answer 5

Self-closing HTML Tags are HTML Tags that only need an opening or closing tag to work. They do not wrap any content, so they only need one tag.

Question 6

What are HTML Elements?

Answer 6

HTML Tags AND Content. HTML Tags are the individual tags themselves, while HTML Elements are the HTML Tags AND the content that is wrapped in-between those tags.

Question 7

Why is it important to use the correct and appropriate HTML Tags?

Answer 7

Using the correct HTML tags is important because tags can have a big impact on two aspects of your sites:

1) How they are ranked in search engines and

2) How accessible they are to users who rely on assistive technologies. Basically, how your site can be accessible for everybody!

Question 8

What is an HTML Boilerplate

Answer 8

The HTML Boilerplate is a template you will add at the start of your project that contains base information that is needed to encode your web page. All HTML pages have a boilerplate.

Question 9

What is the importance of having the file index.html?

Answer 9

index.html is the file that will contain the homepage of our websites and should always contain the homepage. By default, web servers will always look for an index.html page when users use the website. Without index.html, big problems may occur.

Question 10

(HTML Boilerplate) What is the HTML element and what should it contain?

Answer 10

The HTML element is the root element of the document. It holds every other element in the document

Question 11

What is a DOCTYPE declaration in an HTML page?

Answer 11

Every HTML page starts with a DOCTYPE declaration that tells the browser what version of HTML it should use to render the document. The declaration is

Question 12

(HTML Boilerplate) What is the Head element and what does it hold?

Answer 12

The Head element is where we put important meta-information about our web pages that is required for them to render correctly in the browser. Does not contain any content that displays on the web page.

Question 13

(HTML Boilerplate) What is the Charset Meta Element:

Answer 13

The Meta tag is required for the charset encoding of the web page in the Head element. This encoding is very important so the web page will display special symbols and characters from different languages in the browser.

Question 14

(HTML Boilerplate) What is the Title element and what does it hold?

Answer 14

The Title element is nested inside the Head element and contains the name of the web page in the browser.

Question 15

(HTML Boilerplate) What is the Body Element and what does it hold?

Answer 15

The Body element is nested in the HTML element after the Head element and contains the displayed content of the web page.

Question 16

Explain the concept of Nesting and Indentation in HTML.

Answer 16

Nesting is putting HTML elements inside other elements where the holder is the “parent” and the hold-ee is the “child.” Indentation is used in code to help show this relationship by indenting children further to the right in the code when inside of a parent element.

Question 17

(Links and Images) What is an Absolute Link?

Answer 17

A link to pages on other websites on the internet. Typical syntax of it is made up of the following parts: protocol://domain/path
Always contains the protocol and domain.

Example: https://www.theodinproject.com/about

Question 18

(Links and Images) What is a Relative Link?

Answer 18

A link to pages located on our websites. Does not include the domain name like absolute links since it is another page on the same site and because it’s assumed the domain name is the same.

Only includes the file path to another page relative to the page you are creating the link on. You are navigating and referring to another file.