HTML Tags Explained (Part 5) | Frameset Frame And Anchor Tag Tutorial

HTML Tags Explained (Part 5) | Frameset Frame And Anchor Tag Tutorial

HTML Tags Explained (Part 4) | Frameset Frame And Anchor Tag Tutorial Learn how to use HTML frameset and frame tags to split one page into multiple sections, then master the anchor tag for internal, external, and global links in a practical, step-by-step lesson. You’ll set up three sample pages in VS Code, replace the body with frameset, and add frame src references while controlling layout with rows and cols. See equal splits using stars, custom percentage widths, and essential frame attributes like border, noresize, and scrolling with clear demos. You’ll also build a nested frameset to subdivide a frame area into additional rows for more complex layouts. In the anchor tag section, implement internal jump links, connect multiple HTML pages, and add global website links the right way. Key attributes covered include href, name, target (_self and _blank), title (hover tooltip), and download to trigger file downloads. If this helps, like the video, comment your questions, and subscribe for more HTML tutorials. Add your resource links (notes, code files, and related playlists) here when publishing to help viewers follow along. Website: https://knobly.netlify.app/ How to setup vs code:    • How to Setup VS Code for HTML CSS JavaScri...   Timestamps 00:04 Intro and topic overview: Frameset, Frame, and Anchor tags 00:12 What is frameset/frame and when to use it 00:29 Create pages: first.html, second.html, main.html in VS Code 01:39 Important: Use frameset instead of body in main page 02:01 Add frame tags with src for first and second pages 02:48 Split with rows="," for a 50/50 layout 03:16 Switch to cols for vertical split 03:29 Percentage widths demo: 30% / 70% 03:56 Add third frame and adjust widths (e.g., 50/30/20) 04:56 Border attribute demo (0 to 15) 05:31 noresize attribute to lock frame resizing 06:00 scrolling attribute: auto, yes, no with long content 07:10 Nested frameset: subdivide a frame into two rows 08:44 Anchor tag overview: internal, external, global links 09:16 Internal link: “Go to Top” anchor 11:07 Internal link: Jump to “About” section anchor 12:33 External links between main, first, and second pages 15:17 Global link to a website via href 16:24 target attribute: _self vs _blank behavior 17:33 title attribute for hover tooltip 17:57 download attribute to trigger file downloads 18:40 Wrap-up HTML frameset tutorial HTML frame tag rows cols Nested frameset in HTML HTML scrolling and noresize Anchor tag internal link Anchor tag external link target blank vs self HTML Anchor title attribute tooltip HTML download attribute example HTML tutorial in Hindi #HTMLTutorial #Frameset #AnchorTag #WebDevelopment #HTMLLinks #TargetBlank #DownloadAttribute #HindiTech