step 1
Create an h1 element containing the text Quincy’s Tips for Getting a Developer Job.
Step 2
Now, create a paragraph element below the h1 element. Inside this paragraph add the text Learning to code is hard, but as Quincy Larson says, You can become a developer.
Learning to code is hard, but as Quincy Larson says, You can become a developer.
Step 3
q element is used to distinguish quoted text from the surrounding content. Most modern browsers will add quotation marks around an inline quote automatically when you use the q element. Inside the paragraph, wrap You can become a developer. In an inline quotation element, keeping the rest of the paragraph unchanged.
Learning to code is hard, but as Quincy Larson says, You can become a developer.
Step 4
If the source of a quote is a website, you can cite it with the cite attribute. The value of the attribute should be a valid URL. While this attribute doesn’t change the presentation of the block quote, it’s very helpful for giving screen readers and search engines more information about the quote. Add the cite attribute to the inline quote element with this URL: https://www.freecodecamp.org/news/learn-to-code-book/
Step 5
Below the paragraph element add a main element and nest three section elements inside it.
Step 6
Inside the first section element, add an h2 element with the text Envisioning Success.
Step 7
Below the h2 element, you will add another quote by Quincy. This time the quote won’t be part of the larger paragraph. Instead, the whole paragraph will be a quote. In order to distinguish quoted text like this, you should use the block quotation element: blockquote. In the browser, you’ll see that the text is slightly indented. Now inside the first section, add a block quotation element below the h2 element with the text Can you imagine what it would be like to be a successful developer? To have built software systems that people rely upon?
Step 8
Exactly like the inline quotation element, you can also add a cite attribute to a block quotation element. Now, add a cite attribute to the block quotation element with the URL https://www.freecodecamp.org/news/learn-to-code-book/
Step 9
Below the block quotation element, add a paragraph element with the text — Quincy Larson, How to Learn to Code and Get a Developer Job [Full Book]. — is an HTML entity that represents an em dash -- .
Step 10
So far you have been using the cite attribute to attribute the source of the quotation, but the attribute doesn’t really show the source to the user. If you want to attribute the source visually, you can add a citation element, cite, outside the block quotation element. This citation element is an HTML element that you can use to mark up the title of a referenced creative work, like a book, article, song, film, website, or research paper. Inside the p element below the block quotation element, wrap How to Learn to Code and Get a Developer Job [Full Book] in cite element.
Step 11
Inside the second section element, nest an h2 element with the text Importance of Networking. Below this heading, add a block quotation element with a cite attribute with the value https://www.freeCodeCamp.org/news/learn-to-code-book/.
Step 12
You can write quoted text directly within the block quotation element like you did in the first section element. Alternatively, you can wrap it within one or more paragraph elements. This is helpful when the text has multiple paragraphs, but you want to keep them within the same block quotation element. In the second section, inside the existing block quotation element, add four p elements with the following text, in order: • So much of getting a job is who you know. • Its OK to be an introvert, but you need to push your boundaries. • Create GitHub, Twitter, LinkedIn, and Discord accounts. • Go tech meetups and conferences. Travel if you have to.
Step 13
In the third and last section element, you are going to create the same HTML structures as you did in the preceding section. First, inside the last section, add an h2 element with the text Importance of Building a Reputation. Then, below the h2 element, add a block quotation element with the following texts, in order:
Share short video demos of your projects.
Keep applying to speak at bigger and bigger conferences.
Hang out at hacker spaces and help people who are even newer to coding than you.