diff --git a/carlos-solano.txt b/carlos-solano.txt new file mode 100644 index 000000000..5f6dabb5e --- /dev/null +++ b/carlos-solano.txt @@ -0,0 +1,97 @@ +link to finished codepen: https://codepen.io/Tennezen/pen/ZEJKJoN?editors=1100 + + 1. What is Semantic HTML? + It is html that helps search engines, and devices determine the context of the web page. + 2. What is HTML used for? + To build the webpage + 3. What is an attribute and where do we put it? + An attribute gives additional info on elements. + 4. What is the h1 tag used for? How many times should I use it on a page? + h1 tags are used for headers. + 5. Name two tags that have required attributes + Two tags that have required attributes are href and src. + 6. What do we put in the head of our HTML document? + What we put as the head is
+ 7. What is an id? + An id specifies a certain html element. + 8. What elements can I add an id to? + You can add an id to any alement. + 9. How many times can I use the same id on a page? + Its recommended not to repeat the same id as it causes errors. + 10. What is a class? + A class is a group of elements. + 11. What elements can I add a class to? + You can add any element to classes. + 12. How many times can I use the same class on a page? + You can use the same class as many imes as you want. + 13. How do I get my link to open in a new tab? + You want to use site + 14. What is the alt attribute in the image tag used for? + It adds a text description. + 15. How do I reference an id? + You reference a id by using #idname + 16. What is the difference between a section and a div + Div is for styles + 17. What is CSS used for? + Designing and styling a webpage. + 18. How to we select an element? Example - every h2 on the page + You use h2{} + 19. What is the difference between a class and an id? - Give me an example of when I might use each one + An id is more specific for singular things and classes are for a whole of a section. + 20. How do we select classes in CSS? + .class-name{ + + } + + 21. How do we select a p element with a single class of “human””? + .p-human{ + + } + 22. What is a parent child selector? When would this be useful? + The parent would be a div and the child would be something like p and is useful especially when you use css to target that specific section if you add a class to it. + 23. How do you select all links within a div with the class of sidebar? + You will use .sidebar a {} + 24. What is a pseudo selector? + This selector selects an element at a specific state such as in hover. + 25. What do we use the change the spacing between lines? + You will use "line-height" in css. + 26. What do we use to change the spacing between letters? + You will use "letter-spacing" in css. + 27. What do we use to to change everything to CAPITALS? lowercase? Capitalize? + We can use the text-transform in css. + + 28. How do I add a 1px border around my div that is dotted and black? + You will do border: 1px dotted black; + 29. How do I select everything on the page? + You use * {} + 30. How do I write a comment in CSS? + To comment in Css you use /* */. + 31. How do I find out what file I am in, when I am using the command line? + You will use "pwd" in the command line. + 32. Using the command line - how do I see a list of files/folders in my current folder? + You can use the command is + 33. How do I remove a file via the command line? Why do I have to be careful with this? + You use the command git rm to remove files from git repo. + 34. Why should I use version control? + Because it is important to keep track of changes. + 35. How often should I commit to github? + You should commit every 20 minutes at least. + 36. What is the command we would use to push our repo up to github? + We use git push -u origin branch name to push our repo to github. + 37. Walk me through Lambda's git flow. + First you fork the repo, clone the repo, cd into new repo, create a branch, open in vscode, to push use : git add ., git commit -m , git push -u origin branch name. + +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 + display: + + 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? + +