Free Full courses in Tamil: https://balachandra.in Visit and learn CSS, JS and React
#html #tamil #programming #html5
This is a full HTML course for beginners and intermediate. It will help you to learn HTML from basics to advanced.
Time Stamps:
(00:00:00) Intro
(01:12:00) List Types
(01:24:17) Add Links
(01:48:10) Add Images
(02:13:21) Semantic tags
(02:41:27) Create Tables
(03:32:22) Forms & Inputs
(04:57:56) Sample project
Free Web Dev Tools
1) Visual Studio Code ( https://code.visualstudio.com)
2) Live Server VS Code Extension (https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer)
3) Prettier VS Code Extension ( https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)
4) vscode-icons VS Code Extension (https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons)
5) Github Themes VS Code Extension (https://marketplace.visualstudio.com/items?itemName=GitHub.github-vscode-theme)
W3C HTML Validator (https://validator.w3.org)
HTML5 Outliner (https://chrome.google.com/webstore/detail/html5-outliner/afoibpobokebhgfnknfndkgemglggomo)
π References
1) MDN: HTML (https://developer.mozilla.org/en-US/docs/Web/HTML)
2) MDN: HTML Elements Reference (https://developer.mozilla.org/en-US/docs/Web/HTML/Element)
3) HTML Entities Character Chart (https://html.spec.whatwg.org/multipage/named-characters.html#named-character-references)
4) MDN Web Glossary: Semantics (https://developer.mozilla.org/en-US/docs/Glossary/Semantics)
5) w3Schools: Semantic HTML (https://www.w3schools.com/html/html5_semantic_elements.asp)
6) MDN: Document and Website Structure (https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/Document_and_website_structure)
π HTML Table References:
1) MDN: Table Basics (https://developer.mozilla.org/en-US/docs/Learn/HTML/Tables/Basics)
2) MDN: Advanced Tables and Accessibility (https://developer.mozilla.org/en-US/docs/Learn/HTML/Tables/Advanced)
π HTML Forms References:
1) MDN: Web Forms (https://developer.mozilla.org/en-US/docs/Learn/Forms)
2) MDN: Form Element (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form)
πΌοΈ Image Resources:
Placeholder Image Generators:
π 21 of the Best (https://loremipsum.io/21-of-the-best-placeholder-image-generators/)
Sites with Freely-Usable Images:
π Unsplash.com (https://unsplash.com/)
π Pexels.com (https://www.pexels.com/)
π Gratisography.com (https://gratisography.com/)
π Pixabay.com (https://pixabay.com/)
Image Editing / Resizing Software:
π For Windows: Irfanview (https://www.irfanview.com/)
π As a Service: Canva.com (https://www.canva.com/)
π Suggestions for Macs (https://www.cleverfiles.com/howto/top-5-photo-editing-apps-mac.html)
Full Featured Editor for Windows/Mac/Linux:
π Gimp (https://www.gimp.org/)
Image Compression (shrink file size):
π TinyPNG (https://tinypng.com/)
For more interesting videos please subscribe to the channel.
Disclaimer:
Dhudduβs content is for entertainment only. In no event will Dhuddu be liable for any loss or damage including, without limitation, indirect or consequential loss or damage, or any loss or damage whatsoever arising from loss of data or profits arising out of, or in connection with, the use of Dhuddu content on YouTube. All financial decisions made by the viewer should be done after talking with a licensed professional.