فيديو شرح HTML Tag Text Basics HTML5 Element Text Tutorial ضمن كورس HTML شرح قناة Dave Gray، الفديو رقم 3 مجانى معتمد اونلاين
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?listPL0Zuz27SZ-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?hlen
Visual Studio Code (VS Code): https://code.visualstudio.com/
Prettier VS Code Extension: https://marketplace.visualstudio.com/items?itemNameesbenp.prettier-vscode
vscode-icons VS Code Extension: https://marketplace.visualstudio.com/items?itemNamevscode-icons-team.vscode-icons
Github Themes VS Code Extension: https://marketplace.visualstudio.com/items?itemNameGitHub.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
