Skip to content

Instantly share code, notes, and snippets.

@Board-Ape
Last active June 27, 2017 21:54
Show Gist options
  • Save Board-Ape/9643f449fa6803d950792f3ead459333 to your computer and use it in GitHub Desktop.
Save Board-Ape/9643f449fa6803d950792f3ead459333 to your computer and use it in GitHub Desktop.
Prework For Turing

First Entry:

Read Chapters 1 & 2

On a website, what is the purpose of HTML code?

  • To describe the structure of a page.

What is the difference between an element and a tag?

  • An element is typically made up of 2 tags. Elements tell the browser the information about what lies between the tags. Tags act like containers. They tell you information that lies between their opening and closing tags.

Why do we use attributes in HTML elements?

  • They tell us more information about the element. Found at the opening tag and are made up of two parts: name and value.

Describe the purpose of the head, title, and body HTML elements.

  • Everything inside of the body element is shown in the main browser window. Head elemenet typically contains a Title element which is not reflected on the webpage but rather at the top in the title bar.

In your browser (Chrome), how do you view the source of a website?

  • Go to view > Developer > View Source

List five different HTML elements and what they are used for. For example, "p" is a paragraph element, and it is used to represent a paragraph of text.

  1. "b" bold letters/words
  2. "i" italics
  3. "sup" superscript
  4. "br /" line break
  5. "hr /" break between themes (creates a line)

What are empty elements?

  • Empty elements typically do not have any text between the opening and closing tag. Examples are "br /" "hr /"

What is semantic markup?

  • Information that shows where emphasis is placed among a sentence.

What are three new semantic elements introduced in HTML 5?

  • Instead of using
    classes HTML5 is contained within containers that don't require these. Header, Paragraph, Article.

My First CodePen

Lacking Empathy

Empathy has played a large part in my professional career and personal life. It has helped me with internal associate conflicts as well as conflicts that have involved myself directly. Building better software requires a team to intrepret, analyze, and communicate ideas effectively. If individuals are not able to contribute openly or receive contructive feedback, it will make the process of creating newer better softeware more difficult. When working on group projects I find that having a highly level of empathy among all the teammates allows for quick and easy collaboration of ideas. When roadblocks come across having multiple different approaches have always been more efficient than a single individual try to figure things out by themselves. Difficulty arises when there are non-empathetic people among your group who refuse to hear other people's thougts and ideas. Decreasing these occurrences begins with creating awareness among these individuals who may lack in empathy.

Second Entry:

Read Chapters 3 and 4

"There are three main types of lists in HTML: ordered, unordered, and definition. What are their differences?"

  • OL creates a numbered list, UL creates a bulleted list, Definition creates a term followed with a definition.

"What is the basic structure of an element used to link to another website?"

"What attribute should you include in a link to open a new tab when the link is clicked?"

"How do you link to a specific part of the same page?"

  • To The Top The page must be broken down into sections by placing the ID Attribute with a header for example.

Read Chapters 10, 11, and 12

"What is the purpose of CSS?"

  • Cascading StyleSheet, which allows you to specify the content of how an element should look.

"What does CSS stand for? What does cascading mean in this case?"

  • Cascading StyleSheet, it 'cascades' from generalized rules to specific rules and the latter code is used as well. You can also indicate importance with '!'.

"What is the basic structure of a CSS rule?"

  • Requires a selector and declaration within curly brackets. The Declaration has two components a property and value.

"How do you link a CSS stylesheet to your HTML document?"

"Why ss it useful to use external stylesheets as opposed to using interal CSS?"

  • External stylesheets allow you to utlize a styelsheet across multiple websites.

"Describe what a color hex code is."

  • 6 digit codes that specify the amount of red, green and blue in a color.

"What are the three parts of an HSL color property?"

  • Hue:Color, Saturation:Gray Value, Lightness:White Value

"In the world of typeface, what are the three main categories of fonts? What are the differences between them?"

  • Serif:have extra details on the end of the letters, Sans-Serif:straight letter ends, Monospace:every letter has the same width.

"When specifiying font-size, what are the main three units used?"

  • Pixels, Percentages, EMS

Third Entry:

Read Chapter 7

"If you're using an input element in a form, what attribute controls the behavior of that input?"

  • input type="text" creates a single line of text input, name="username", size="only for oler code", maxlength="30" the max # of values user can enter. To answer the question, the input type dictates the behavior of the input.

"What element is used to create a dropdown list?"

  • select name="title" and then add option value="various choices that drop down"

"If you're using an input element to send form data to a server, what should the type attribute be set to?"

  • type="text"

"What element is used to group similar form items together?"

  • Contact Details Email:
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment