Skip to content

Update GA-worksheet.md #10

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
RampersaudMela wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Update GA-worksheet.md #10

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
32 changes: 16 additions & 16 deletions GA-worksheet.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,40 +7,40 @@

##Project #2 Part #1: Header HTML
1. What is the purpose of the header tag?

The purpose of the header tag is to make sure the blog has an order in it's body and we have a heading inside the page. The header tag is another code for the body, but doesn't indent.
Copy link
Copy Markdown
Owner

@tekd tekd Oct 26, 2015

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The header sits within the body (as opposed to the head, which is for metadata) and does give the website order.
More specifically, the header tag actually holds the introductory material for the website, such as a logo and navigational links. Check it out on Buzzfeed.com. The top of the page that lets you know that you're on Buzzfeed is the header (inspect element to clarify).

2. What is a Navigation Bar?
A Navigation Bar, helps us to link another page to our blog.
Copy link
Copy Markdown
Owner

@tekd tekd Oct 26, 2015

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍 We use the navigation bar to link to important areas of our website.

3. What tag do we use to make a navigation bar? < a >

3. What tag do we use to make a navigation bar? < >

4. <ul> Stands for _____________________
<li> Stands for ______________________
4. <ul> Stands for _unwritten bullets____________________
Copy link
Copy Markdown
Owner

@tekd tekd Oct 26, 2015

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

<ul> stands for unordered list, as opposed to ordered list. An unordered list has bullet points for each <li> list item.

<li> Stands for ___bulletpoints___________________

5. What does the <a> tag do?

The <a> lets us link a page to our page
6. What would the line of HTML below do?

HTML line will help our page be in a document order.
Copy link
Copy Markdown
Owner

@tekd tekd Oct 26, 2015

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This code actually gives us a hyperlink to Google.com.

The <a> tag sets up the link, and the href attribute is where the destination url goes.

``` html
<a href="http://www.google.com">Google</a>
```

##Project #2 Part #2: Style the Header with CSS

1. What advantages does the `<link>` tag have over the `<style>` tag?

The link tag is a link to something or a heading. It also makes a specific style.
Copy link
Copy Markdown
Owner

@tekd tekd Oct 26, 2015

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Both <link> and <style> can be used to add style to a page, but link <link> isn't specific to style.

  • <link> defines a link between a document and an external file. This means we can add style to a website by including a <link> tag to the separate CSS file
  • <style> lets you add style directly to the HTML document.

Think about why one would prefer <link>.

2. What is normalize.css?

Normalize.css renders all elements more constantly and in line.
Copy link
Copy Markdown
Owner

@tekd tekd Oct 26, 2015

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍 It makes sure that all your CSS is rendered consistently throughout all browsers

3. Why do we need to add a padding property to the `<ul>` tag?

We need to add padding property tothe ul so the bullets won't appear or be at the corner looking unprofessional.
Copy link
Copy Markdown
Owner

@tekd tekd Oct 26, 2015

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The padding around the

    is tricky -- there is default padding on the left for unordered lists to accommodate the bullet points, so adding padding to all sides makes this particular ul appear centered.

4. What does the “inline” property do to a list of items?

The inline tag brings all the links to one line.
5. What do the following padding values do?

The padding values change the spaces between the length.
padding: 25px 50px 75px 100px;

* top padding is __px
* right padding is __px
* bottom padding is __px
* left padding is __px
* top padding is 25__px
* right padding is 50__px
* bottom padding is 75__px
* left padding is 100__px

padding: 20px;

Expand Down