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

In this tutorial, you will learn HTML Tag Text Basics. This HTML5 element text tutorial will give examples of many different HTML elements that display text and show how some provide semantic meaning.

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/02_lesson

HTML Tag Text Basics | HTML5 Element Text Tutorial

(00:00) Intro
(00:05) Welcome
(00:25) Web Pages are much like essays or newspapers
(00:51) Heading organize text content and provide meaning
(04:28) Adding visual separation with a horizontal rule
(05:54) Whitespace Collapsing
(06:37) Line breaks
(07:52) Adding more text content
(10:05) Block elements vs Inline elements
(12:27) HTML Entities
(15:12) Abbreviation element
(17:16) Address element
(18:28) HTML Comments
(20: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
HTML Entities Character Chart: https://html.spec.whatwg.org/multipage/named-characters.html#named-character-references

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 HTML tag / element text basics helpful? If so, please share. Let me know your thoughts in the comments.

#html #html5 #text