Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap

The head tag in HTML contains much information about your web page. In the HTML5 Head Element tutorial you will learn all about the meta tag and the metadata it holds as well as how the link tag can pull other resources into your page.

Subscribe https://bit.ly/3nGHmNn

This lesson is part of an HTML for Beginners tutorial series playlist:
https://www.youtube.com/playlist?list=PL0Zuz27SZ-6OlAwitnFUubtE93DO-l0vu

Starter Source Code: https://github.com/gitdagray/html_course/tree/main/01_lesson

Download the favicon file here: https://github.com/gitdagray/html_course/blob/main/02_lesson/html5.png

Head Tag in HTML | An HTML5 Head Element Tutorial

(00:00) Intro
(00:05) Welcome
(00:25) Setup
(00:57) Adding metadata to your HTML file
(02:43) Adding a favicon to your web page
(04:43) Head element content is not visible on the page
(05:02) Adding a link to a CSS stylesheet
(07:11) Validate your HTML code

All Resources for this HTML Tutorial Series: https://github.com/gitdagray/html_course

Web Dev Tools:
Chrome Browser: https://www.google.com/chrome/
Dark New Tab Chrome Extension: https://chrome.google.com/webstore/detail/dark-new-tab/kcphhkbdlfggickaoeiahdcfhagfbajl?hl=en
Visual Studio Code (VS Code): https://code.visualstudio.com/
Prettier VS Code Extension: https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
vscode-icons VS Code Extension: https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons
Github Themes VS Code Extension: https://marketplace.visualstudio.com/items?itemName=GitHub.github-vscode-theme
W3C HTML Validator: https://validator.w3.org/

References:
MDN HTML: https://developer.mozilla.org/en-US/docs/Web/HTML
MDN HTML Elements Reference: https://developer.mozilla.org/en-US/docs/Web/HTML/Element

Follow Me:
Github: https://github.com/gitdagray
Twitter: https://twitter.com/yesdavidgray
LinkedIn: https://www.linkedin.com/in/davidagray/
Blog: https://yesdavidgray.com
Reddit: https://www.reddit.com/user/DaveOnEleven

Was this tutorial about the HTML head element and metadata helpful? If so, please share. Let me know your thoughts in the comments.

#html #html5 #head