<h1>Front-End Curriculum Prework</H1>
<h2>Day 1: Computer Setup, HTML, and Gear Up</h2>
<h3>Chapters 1 and 2 on Structure and Text from HTML and CSS: Design and Build Websites</h3>

<b>1.)On a website, what is the purpose of HTML code?</b>

The purpose of HTML coder is to have a standard structure of information to be presented through the internet.

<b>2.)What is the difference between an element and a tag?</b>

An element describes the structure of pages and consists of a start tag, content, and an end tag. Tags are used to mark up the start and ending of an element.

<b>3.)Why do we use attributes in HTML elements?</b>

Attributes are used to offer additional information about the contents of an element. They are made up of two parts that include a name and a value, separated by an equals sign. Attributes appear at the opening tag of the element.

<b>4.)Describe the purpose of the head, title, and body HTML elements.</b>

The <i>Head</i> element will contain information about the page. The <i>Title</i> element will show on the top of the browser, where the URL is located or on the tab of the page. Everything inside the <i>Body</i> element is what is shown inside the main browser window.

<b>5.)In your browser (Chrome), how do you view the source of a website?</b>

In order to view the source code of a web page in Google Chrome you have to:
1.	Open Chrome and navigate to a web page.
2.	In the upper right-hand side of the browser window, click on Customize and control Google Chrome icon.
3.	Select More in the drop-down menu.
4.	Then select Developer tools.

<b>6.)List five different HTML elements and what they are used for. For example, < p >< /p > is a paragraph element, and it is used to represent a paragraph of text.</b>

1.	< b >< /b > is a <i>Bold</i> element that can make the enclosed characters appear bold.
2.	< i >< /i > is a <i>Italic<i/> element that can make the enclosed characters appear italic.
3.	< br /> is a <i>Break</i> element that will add a line break in the middle of a paragraph.
4.	< hr /> is a <i>Horizontal</i> element that will add a horizontal rule between sections.
5.	< strong >< /strong > is a <i>Strong</i> element that indicates that its content has strong importance.

<b>7.)What are empty elements?</b>

Empty elements are elemnts that do not have content and can be closed in the opening tag.

<b>8.)What is semantic markup?</b>

A semantic markup is used to reinforce the meaning of information in webpages and web applications. For example, the voice of a screen reader program will add emphasis to words inside a < em > element.

<b>9.)What are three new semantic elements introduced in HTML 5?</b>

1. < figure > specifies self-contained content like photos, diagrams, illustrations, and code listings.
2. < footer > defines the footer for a section or document.
3. < header > specifies a header for a section or document.

<h3>CodePen</h3>

<h3>Gear UP</h3>

<b>1.)What role does empathy play in your life and how has it helped you?</b>

<b>2.)How does empathy help you build better software?</b>

<b>3.)Why is empathy important for working on a team?</b>

<b>4.)Describe a situation in which your ability to empathize with a colleague or teammate was helpful.</b>

<b>5.)When do you find it most difficult to be empathetic in professional settings? How can you improve your skills when faced with these scenarios?</b>

<h2>Day 2: HTML and CSS</h2>
<h3>Read Chapters 3 and 4 on Lists and Links from HTML and CSS: Design and Build Websites</h3>

<b>1.)There are three main types of lists in HTML: ordered, unordered, and definition. What are their differences?</b>

1. A order list is where each item in the list is numbered. For example, a list of steps in a set of instructions.
2. A unordered list has bullet points that don’t necessarily have to be in order.
3. A definition list consist of a list of terms that go along with a definition of each term.

<b>2.)What is the basic structure of an element used to link to another website?</b>

The basic structure of an element used to link to another website consist of a opening link tag (includes the page the link takes u to), the text the user clicks on, and the closing tag.

<b>3.)What attribute should you include in a link to open a new tab when the link is clicked?</b>

The target attribute is used when you want a link to open in a new tab.

<b>4.)How do you link to a specific part of the same page?</b>

In order to link to a specific part of the same page, you have to identify the points in the page that the link will go to. This is done with a id attribute. For example, < h1 id=“top” >. Then you use the < a > attribute with a # as the value of the href attribute. For example, < a href=“#top” >.

<h3>CodePen</h3>

<h3>Chapters 10, 11, and 12 on What is CSS, Color, and Text from HTML and CSS: Design and Build Websites</h3>

<b>1.)What is the purpose of CSS?</b>

CSS is the language that describes the presentation of a Web pages layout, fonts, and colors.

<b>2.)What does CSS stand for? What does cascading mean in this case?</b>

CSS stands for Cascading Style Sheets. Cascading means that styles can cascade from one style sheet to another. This enables multiple style sheets to be used on one HTML document.

<b>3.)What is the basic structure of a CSS rule?</b>

The basic structure of a CSS rule consist of a selector and a declaration block. The selector indicates what element the rule applies to and the declaration indicates how the element should be styled.

<b>4.)How do you link a CSS stylesheet to your HTML document?</b>