add favicon html content

[that-cisco-guy]

Description

Added information on html favicon (shortcut image) to html content folder.

Type of Change

• Adding a new entry

Checklist

• [x ] All writings are my own.
• [x ] My entry follows the Codecademy Docs style guide.
• [ x] My changes generate no new warnings.
• [ x] I have performed a self-review of my own writing and code.
• [ x] I have checked my entry and corrected any misspellings.
• [x ] I have made corresponding changes to the documentation if needed.
• [ x] I have confirmed my changes are not being pushed from my forked main branch.
• [ x] I have confirmed that I'm pushing from a new branch named after the changes I'm making.
• [ x] Under "Development" on the right, I have linked any issues that are relevant to this PR (write "Closes # in the "Description" above).

[CLAassistant]

All committers have signed the CLA.

[SSwiniarski]

@that-cisco-guy I did a first review and left a few comments. Most of the rephrasing is to avoid the direct address to the reader, which is not preferred in Docs.

[that-cisco-guy]

I revised as per instruction but I'm not sure if I need to create a new pull request as I see my new commits at the end of the page. I apologize for the trouble, still getting Github down.

[SSwiniarski]

@that-cisco-guy No need for a new PR. The edits will appear in this one. Looks good for a second review.

[that-cisco-guy]

Thank you @SSwiniarski I appreciate your time. Is there anything else I need to do? I see some of the 'checks' failed; is that something I messed up and need to fix?

[SSwiniarski]

@that-cisco-guy Running yarn format on the .md file will usually clear up these checks.

[that-cisco-guy]

@yangc95 All the files are updated as requested.

[that-cisco-guy]

@yangc95 just checking in to see if there was anything else that needed to be done.

[Dusch4593]

@that-cisco-guy Finished taking a look and left you some comments/suggestions 😄

[Dusch4593]

With the favicon file and the link element in the HTML, the favicon should be displayed in the browser's address bar and tab title for the website.

This really depends on the browser being used. It seems that most modern browsers only display the favicon next to the tab title for the website whereas an HTTPS "lock icon" is next to the address bar.

Could we possibly rewrite this line as a new "## Example" section that describes this distinction with the following:

• An ```html code snippet with an image of the Codecademy logo as a favicon.
• A screenshot of what the rendered output would look like on the browser (including the HTTPS lock icon)
  • Be sure to store this screenshot image in the media/ folder and use the following format for the markdown image: https://raw.githubusercontent.com/Codecademy/docs/main/media/filename.ext

@Dusch4593 is no longer a maintainer on this repo.

[SSwiniarski]

@that-cisco-guy, because of over two weeks of inactivity, and in the interest of getting this merged, I implemented @Dusch4593's suggestions.

[github-actions]

👋 @that-cisco-guy
You have contributed to Codecademy Docs, and we would like to know more about you and your experience.
Please take a minute to fill out this four question survey to help us better understand Docs contributions and how we can improve the experience for you and our learners.
Thank you for your help!

[SSwiniarski]

Congrats @that-cisco-guy! Your entry is now live here: https://www.codecademy.com/resources/docs/html/favicon

It looks like you're currently anonymous:

If you'd like to become public, make sure to add your GitHub username to your Codecademy profile and set your visibility to everyone.