Skip to content

created a text file, added the link to our forked codepen and added a… #1

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
Kirisaro wants to merge 2 commits into
base: main
Choose a base branch
from
Open

created a text file, added the link to our forked codepen and added a… #1

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
788f836
created a text file, added the link to our forked codepen and added a…
Kirisaro Oct 26, 2021
0518015
added answeres to question and finished the codepen assignment
Kirisaro Oct 26, 2021
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
97 changes: 97 additions & 0 deletions carlos-solano.txt
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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 <header>
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 <a href="website" target="_blank">site</a>
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?