Summary
Keywords
Full Transcript
This video teaches HTML basics by making a simple project. 📖 Chapters 00:00 - Project Overview 02:00 - World's first website and professors portfolio 03:56 - Start our frontend roadmap project 08:33 - Draw horizontal line using hr tag 11:38 - Change font family to sans-serif 14:50 - Make text bold using b tag 16:34 - Add hyperlinks using a tab 20:30 - Format document automatically using prettier extension 23:30 - Open link in new tab 25:16 - Create multiple cursors in VS Code 26:50 - Different colors of a link in HTML 30:11 - Adding first image in our project 34:45 - Bullet Points in HTML 37:21 - Copy whole line without selecting in VS Code 38:15 - Make text italic in HTML using i tag 42:07 - Add line break in html using br tag 43:42 - Duplicate line in VS Code 44:44 - Numbered list in HTML 47:16 - Default margins on paragraph elements 50:38 - Change numbered list to a, b, c, d 52:45 - Change starting value of numbered list 55:58 - Center copyright text 56:18 - HTML Entities 1:01:57 - Final project comparison with the design 1:06:06 - Final words Designs and Assets Direct Download: https://codeload.github.com/procodrr/frontend-roadmap/zip/refs/heads/main GitHub Link: https://github.com/procodrr/frontend-roadmap Why do we name our main file as index.html? https://www.youtube.com/watch?v=Hf9q60TxJmY&t=8s Resources First Website: http://info.cern.ch/ Professor Thomas H. Cormen Portfolio: https://www.cs.dartmouth.edu/~thc/ Professor Jon Kleinberg Portfolio: https://www.cs.cornell.edu/home/kleinber/ Professor Donald E. Knuth Portfolio: https://www-cs-faculty.stanford.edu/~knuth/ Social Media Linkedin: https://www.linkedin.com/in/anurag-singh-web-developer/ Instagram: https://www.instagram.com/procodrr/ Twitter: https://twitter.com/anuragsinghbam Portfolio: https://anuragsinghbam.com/ Music by geoffharvey from Pixabay
Continue this lesson in the app
Install CourseHive on Android or iOS to keep learning while you move.
