From 45e4ff40add4026d6c82f1d319815b6fab0daad2 Mon Sep 17 00:00:00 2001 From: rufis1982 Date: Fri, 10 Apr 2020 19:31:49 -0400 Subject: [PATCH 1/5] added link and quesions --- timothy-hall.txt | 47 +++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 47 insertions(+) create mode 100644 timothy-hall.txt diff --git a/timothy-hall.txt b/timothy-hall.txt new file mode 100644 index 000000000..4a9c31a9c --- /dev/null +++ b/timothy-hall.txt @@ -0,0 +1,47 @@ +https://codepen.io/rufis1982/pen/dyYPRvp?editors=1000 + + 1. What is Semantic HTML? + 2. What is HTML used for? + 3. What is an attribute and where do we put it? + 4. What is the h1 tag used for? How many times should I use it on a page? + 5. Name two tags that have required attributes + 6. What do we put in the head of our HTML document? + 7. What is an id? + 8. What elements can I add an id to? + 9. How many times can I use the same id on a page? + 10. What is a class? + 11. What elements can I add a class to? + 12. How many times can I use the same class on a page? + 13. How do I get my link to open in a new tab? + 14. What is the alt attribute in the image tag used for? + 15. How do I reference an id? + 16. What is the difference between a section and a div + 17. What is CSS used for? + 18. How to we select an element? Example - every h2 on the page + 19. What is the difference between a class and an id? - Give me an example of when I might use each one + 20. How do we select classes in CSS? + 21. How do we select a p element with a single class of “human””? + 22. What is a parent child selector? When would this be useful? + 23. How do you select all links within a div with the class of sidebar? + 24. What is a pseudo selector? + 25. What do we use the change the spacing between lines? + 26. What do we use to change the spacing between letters? + 27. What do we use to to change everything to CAPITALS? lowercase? Capitalize? + 28. How do I add a 1px border around my div that is dotted and black? + 29. How do I select everything on the page? + 30. How do I write a comment in CSS? + 31. How do I find out what file I am in, when I am using the command line? + 32. Using the command line - how do I see a list of files/folders in my current folder? + 33. How do I remove a file via the command line? Why do I have to be careful with this? + 34. Why should I use version control? + 35. How often should I commit to github? + 36. What is the command we would use to push our repo up to github? + 37. Walk me through Lambda's git flow. + +Stretch Questions + + 1. What is the difference between an inline element and a block element? + 2. What happens when an element is positioned absolutely? + 3. How do I make an element take up only the amount of space it needs but also have the ability to give it a width? + 4. Name 3 elements that are diplay block by default, 2 elements that are display inline by default and 1 element that is display inline-block by default + 5. In your own words, explain the box model. What is the "fix" for the box model, in other words, how do we make all elements respect the width we've given them? \ No newline at end of file From c16600688174649d0c8c0bbf11ea10d127bf4482 Mon Sep 17 00:00:00 2001 From: rufis1982 Date: Fri, 10 Apr 2020 20:10:24 -0400 Subject: [PATCH 2/5] answered questions up to #20 --- timothy-hall.txt | 22 ++++++++++++++++++++-- 1 file changed, 20 insertions(+), 2 deletions(-) diff --git a/timothy-hall.txt b/timothy-hall.txt index 4a9c31a9c..c66119d5e 100644 --- a/timothy-hall.txt +++ b/timothy-hall.txt @@ -2,27 +2,45 @@ https://codepen.io/rufis1982/pen/dyYPRvp?editors=1000 1. What is Semantic HTML? 2. What is HTML used for? + mark-up or laying the foundation. 3. What is an attribute and where do we put it? + An attriute is put inside an element. It adds additional information 4. What is the h1 tag used for? How many times should I use it on a page? + It is used for the main header and we should only use it once. 5. Name two tags that have required attributes + img and anchors 6. What do we put in the head of our HTML document? + The main header and sometimes nav and possibly image 7. What is an id? + An attribute that specifies an unique id to a tag. 8. What elements can I add an id to? + Any element. But can only be used once for each id and should only be on things that are the most specific. 9. How many times can I use the same id on a page? + You can use any id once on a page. 10. What is a class? + Class is an attribute that is used to define equal styles for elements with the same class name. It is more broad than an id but more specific that div or span or section. 11. What elements can I add a class to? + Section,Span,Div,P,H,img,anchor 12. How many times can I use the same class on a page? + As many as makes sense. 13. How do I get my link to open in a new tab? + 14. What is the alt attribute in the image tag used for? + To help SEO and other users to know what the picture is. 15. How do I reference an id? - 16. What is the difference between a section and a div + the symbol # + 16. What is the difference between a section and a div? + Section combines a group like a chapter. div is like a divisisn within a section 17. What is CSS used for? + Css styles the html text (Cascading Style Sheets). 18. How to we select an element? Example - every h2 on the page + By using element selectors such as

, p, .class, #id, * 19. What is the difference between a class and an id? - Give me an example of when I might use each one + id is specific to one element a class can be applied to a group. 20. How do we select classes in CSS? 21. How do we select a p element with a single class of “human””? 22. What is a parent child selector? When would this be useful? - 23. How do you select all links within a div with the class of sidebar? + 23. How do you select all links within a div with the class of ? 24. What is a pseudo selector? 25. What do we use the change the spacing between lines? 26. What do we use to change the spacing between letters? From 9de9a8b9f4bd346e12c7dfb42b61d15446cd5a9b Mon Sep 17 00:00:00 2001 From: rufis1982 Date: Fri, 10 Apr 2020 20:28:19 -0400 Subject: [PATCH 3/5] answered more questions --- timothy-hall.txt | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/timothy-hall.txt b/timothy-hall.txt index c66119d5e..d12a557cb 100644 --- a/timothy-hall.txt +++ b/timothy-hall.txt @@ -36,15 +36,23 @@ https://codepen.io/rufis1982/pen/dyYPRvp?editors=1000 18. How to we select an element? Example - every h2 on the page By using element selectors such as

, p, .class, #id, * 19. What is the difference between a class and an id? - Give me an example of when I might use each one - id is specific to one element a class can be applied to a group. + id is specific to one element a class can be applied to a group. Id would be added to a single img, class could cover a paragraph,div,span all in one section. 20. How do we select classes in CSS? + using the period. 21. How do we select a p element with a single class of “human””? + .human p {} 22. What is a parent child selector? When would this be useful? + a selector that selects a dirct child of a parent. If you want to style a specific child without addingg extra attributes to the tag. 23. How do you select all links within a div with the class of ? + a div .sidebar{} 24. What is a pseudo selector? + A selector that selects elements that are in a specific state. 25. What do we use the change the spacing between lines? + line-height:; 26. What do we use to change the spacing between letters? + letter-spacing:; 27. What do we use to to change everything to CAPITALS? lowercase? Capitalize? + 28. How do I add a 1px border around my div that is dotted and black? 29. How do I select everything on the page? 30. How do I write a comment in CSS? From af64d6fabd773be3147f34ccefb94a34dd586f8e Mon Sep 17 00:00:00 2001 From: rufis1982 Date: Fri, 10 Apr 2020 21:21:09 -0400 Subject: [PATCH 4/5] answered main questions. --- timothy-hall.txt | 23 ++++++++++++++++++++++- 1 file changed, 22 insertions(+), 1 deletion(-) diff --git a/timothy-hall.txt b/timothy-hall.txt index d12a557cb..90aab65df 100644 --- a/timothy-hall.txt +++ b/timothy-hall.txt @@ -52,17 +52,38 @@ https://codepen.io/rufis1982/pen/dyYPRvp?editors=1000 26. What do we use to change the spacing between letters? letter-spacing:; 27. What do we use to to change everything to CAPITALS? lowercase? Capitalize? - + * { + text-transform: Capitalize; + } + * { + text-transform: lowercase; + } + * { + text-transform: CAPITALS; + } 28. How do I add a 1px border around my div that is dotted and black? + div { + border: 1px dotted black; + } 29. How do I select everything on the page? + * selector/wildcard selector 30. How do I write a comment in CSS? + /* this is how you write a comment in css. *\ 31. How do I find out what file I am in, when I am using the command line? + It is written above. or type pwd(print working directory). 32. Using the command line - how do I see a list of files/folders in my current folder? + type ls 33. How do I remove a file via the command line? Why do I have to be careful with this? + type rm, there is no warning you are deleting and once it is deleted there is no recovery of the file 34. Why should I use version control? + Using version control software helps you keep track of changes — and keep every team member working off the latest version. 35. How often should I commit to github? + As often as you want. But especially if you leave your computer or end for the day. 36. What is the command we would use to push our repo up to github? + git push -u origin branchname 37. Walk me through Lambda's git flow. + fork,add TLs to collaborators,clone,create branch named firstname-lastname,open git in editor,add,commit,push,pull request. + Stretch Questions From cb218514b3048025fedf25bacd0a76834af6e494 Mon Sep 17 00:00:00 2001 From: rufis1982 Date: Mon, 13 Apr 2020 18:35:53 -0400 Subject: [PATCH 5/5] answered some stretch goals --- timothy-hall.txt | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/timothy-hall.txt b/timothy-hall.txt index 90aab65df..94c38bb09 100644 --- a/timothy-hall.txt +++ b/timothy-hall.txt @@ -88,7 +88,11 @@ https://codepen.io/rufis1982/pen/dyYPRvp?editors=1000 Stretch Questions 1. What is the difference between an inline element and a block element? + An inline elemtnet does not cause a line break and only uses up space bound by the opening and closing tag. + A blocvk element starts a new line ad takes up the full width of a page. It also has a line break before andf after the element. 2. What happens when an element is positioned absolutely? + If an element is posititioned absolutely it specify the distance the element should be from each containing element's sides. 3. How do I make an element take up only the amount of space it needs but also have the ability to give it a width? + 4. Name 3 elements that are diplay block by default, 2 elements that are display inline by default and 1 element that is display inline-block by default 5. In your own words, explain the box model. What is the "fix" for the box model, in other words, how do we make all elements respect the width we've given them? \ No newline at end of file