{"id":110834,"date":"2021-02-25T16:48:13","date_gmt":"2021-02-25T11:18:13","guid":{"rendered":"https:\/\/www.vskills.in\/certification\/tutorial\/?page_id=110834"},"modified":"2024-04-12T14:31:16","modified_gmt":"2024-04-12T09:01:16","slug":"frame-based-content-menu-3","status":"publish","type":"page","link":"https:\/\/www.vskills.in\/certification\/tutorial\/frame-based-content-menu-3\/","title":{"rendered":"Frame based Content Menu"},"content":{"rendered":"\n<p>Frames are usually used to place content navigation in one frame and load the pages with the content into adjacent frame so that when user clicks in the navigational frame, appropriate web page is loaded in the content frame. It requires the web page to be divided vertically in two frames as shown<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/07\/VS-1027-Certified-HTML-Designer_Reading_Material_html_292c9c8c.png\" alt=\"VS-1027 Certified HTML Designer_Reading_Material_html_292c9c8c\" class=\"wp-image-57565\"\/><\/figure>\n<\/div>\n\n\n<p>&nbsp; This is accomplished by having each &lt;frame&gt; tag assign a value in their name attribute to give each frame a name which is used in the links to indicate which frame the new page should load into. As in the example, help.htm web page is made as &nbsp; &lt;frameset cols=&#8221;250, *&#8221;&gt;<br>&lt;frame src=&#8221;menu.htm&#8221; name=&#8221;menu&#8221; \/&gt;<br>&lt;frame src=&#8221;content.htm&#8221; name=&#8221;main&#8221; \/&gt;<br>&lt;\/frameset&gt; &nbsp; The web page has two columns or frames, first frame takes 250 pixels space and will have the navigation bar. The second frame will have the content part of the web page. The links in the left side navigation bar will load pages into the right side main page. &nbsp; The links in the menu.htm file are given as &nbsp; &lt;a href=&#8221; http:\/\/www.vskills.in\/certification\/Fees-for-certifications&#8221; target=&#8221;main&#8221;&gt;Fees&lt;\/a&gt;<br>&lt;br \/&gt;&lt;br \/&gt;<br>&lt;a href=&#8221; http:\/\/www.vskills.in\/certification\/certifications&#8221; target=&#8221;main&#8221;&gt;Certifications &lt;\/a&gt;<br>&lt;br \/&gt;&lt;br \/&gt;<br>&lt;a href=&#8221; http:\/\/www.vskills.in\/certification\/page\/center-list-details\u201d target=&#8221;main&#8221;&gt; Center List &lt;\/a&gt; &nbsp; The out put is shown as &nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/07\/VS-1027-Certified-HTML-Designer_Reading_Material_html_m23c79056.png\" alt=\"VS-1027 Certified HTML Designer_Reading_Material_html_m23c79056\" class=\"wp-image-57566\"\/><\/figure>\n<\/div>\n\n\n<p>&nbsp; &nbsp; &nbsp; The target attribute can have following attribute values as &nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>_self \u2013 It loads the web page in the current frame.<\/li>\n\n\n\n<li>_blank-It loads the web page in a new browser window and opening it.<\/li>\n\n\n\n<li>_parent- It loads the page in the parent window, or the main browser window.<\/li>\n\n\n\n<li>_top- It loads the web page in the browser window, replacing any current frames.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Apply for HTML Certification<\/strong><\/h3>\n\n\n\n<p><a href=\"https:\/\/www.vskills.in\/certification\/certified-html-designer\">https:\/\/www.vskills.in\/certification\/certified-html-designer<\/a><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong><a href=\"https:\/\/www.vskills.in\/certification\/certified-html-designer\" target=\"_blank\" rel=\"noreferrer noopener\">Back to Tutorials<\/a><\/strong><\/h4>\n","protected":false},"excerpt":{"rendered":"<p>Frames are usually used to place content navigation in one frame and load the pages with the content into adjacent frame so that when user clicks in the navigational frame, appropriate web page is loaded in the content frame. It requires the web page to be divided vertically in two frames as shown &nbsp; This&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[70],"tags":[],"class_list":["post-110834","page","type-page","status-publish","hentry","category-html"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Frame based Content Menu - Tutorial<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.vskills.in\/certification\/tutorial\/frame-based-content-menu-3\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Frame based Content Menu - Tutorial\" \/>\n<meta property=\"og:description\" content=\"Frames are usually used to place content navigation in one frame and load the pages with the content into adjacent frame so that when user clicks in the navigational frame, appropriate web page is loaded in the content frame. It requires the web page to be divided vertically in two frames as shown &nbsp; This...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vskills.in\/certification\/tutorial\/frame-based-content-menu-3\/\" \/>\n<meta property=\"og:site_name\" content=\"Tutorial\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/vskills.in\/\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-12T09:01:16+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/07\/VS-1027-Certified-HTML-Designer_Reading_Material_html_292c9c8c.png\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/frame-based-content-menu-3\/\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/frame-based-content-menu-3\/\",\"name\":\"Frame based Content Menu - Tutorial\",\"isPartOf\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/frame-based-content-menu-3\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/frame-based-content-menu-3\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/07\/VS-1027-Certified-HTML-Designer_Reading_Material_html_292c9c8c.png\",\"datePublished\":\"2021-02-25T11:18:13+00:00\",\"dateModified\":\"2024-04-12T09:01:16+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/frame-based-content-menu-3\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.vskills.in\/certification\/tutorial\/frame-based-content-menu-3\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/frame-based-content-menu-3\/#primaryimage\",\"url\":\"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/07\/VS-1027-Certified-HTML-Designer_Reading_Material_html_292c9c8c.png\",\"contentUrl\":\"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/07\/VS-1027-Certified-HTML-Designer_Reading_Material_html_292c9c8c.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/frame-based-content-menu-3\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.vskills.in\/certification\/tutorial\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Frame based Content Menu\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#website\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/\",\"name\":\"Tutorial\",\"description\":\"Vskills - A initiative in elearning and certification\",\"publisher\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.vskills.in\/certification\/tutorial\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#organization\",\"name\":\"Vskills\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg\",\"contentUrl\":\"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg\",\"width\":73,\"height\":55,\"caption\":\"Vskills\"},\"image\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/vskills.in\/\",\"https:\/\/x.com\/vskills_in\",\"https:\/\/www.linkedin.com\/company-beta\/1371554\/\",\"https:\/\/www.youtube.com\/channel\/UCMWnscxPwRF_PqXo9B7q_Tw\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Frame based Content Menu - Tutorial","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.vskills.in\/certification\/tutorial\/frame-based-content-menu-3\/","og_locale":"en_US","og_type":"article","og_title":"Frame based Content Menu - Tutorial","og_description":"Frames are usually used to place content navigation in one frame and load the pages with the content into adjacent frame so that when user clicks in the navigational frame, appropriate web page is loaded in the content frame. It requires the web page to be divided vertically in two frames as shown &nbsp; This...","og_url":"https:\/\/www.vskills.in\/certification\/tutorial\/frame-based-content-menu-3\/","og_site_name":"Tutorial","article_publisher":"https:\/\/www.facebook.com\/vskills.in\/","article_modified_time":"2024-04-12T09:01:16+00:00","og_image":[{"url":"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/07\/VS-1027-Certified-HTML-Designer_Reading_Material_html_292c9c8c.png","type":"","width":"","height":""}],"twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/frame-based-content-menu-3\/","url":"https:\/\/www.vskills.in\/certification\/tutorial\/frame-based-content-menu-3\/","name":"Frame based Content Menu - Tutorial","isPartOf":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/frame-based-content-menu-3\/#primaryimage"},"image":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/frame-based-content-menu-3\/#primaryimage"},"thumbnailUrl":"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/07\/VS-1027-Certified-HTML-Designer_Reading_Material_html_292c9c8c.png","datePublished":"2021-02-25T11:18:13+00:00","dateModified":"2024-04-12T09:01:16+00:00","breadcrumb":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/frame-based-content-menu-3\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vskills.in\/certification\/tutorial\/frame-based-content-menu-3\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/frame-based-content-menu-3\/#primaryimage","url":"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/07\/VS-1027-Certified-HTML-Designer_Reading_Material_html_292c9c8c.png","contentUrl":"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/07\/VS-1027-Certified-HTML-Designer_Reading_Material_html_292c9c8c.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/frame-based-content-menu-3\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vskills.in\/certification\/tutorial\/"},{"@type":"ListItem","position":2,"name":"Frame based Content Menu"}]},{"@type":"WebSite","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#website","url":"https:\/\/www.vskills.in\/certification\/tutorial\/","name":"Tutorial","description":"Vskills - A initiative in elearning and certification","publisher":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vskills.in\/certification\/tutorial\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#organization","name":"Vskills","url":"https:\/\/www.vskills.in\/certification\/tutorial\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/","url":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg","contentUrl":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg","width":73,"height":55,"caption":"Vskills"},"image":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/vskills.in\/","https:\/\/x.com\/vskills_in","https:\/\/www.linkedin.com\/company-beta\/1371554\/","https:\/\/www.youtube.com\/channel\/UCMWnscxPwRF_PqXo9B7q_Tw"]}]}},"_links":{"self":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages\/110834","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/comments?post=110834"}],"version-history":[{"count":3,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages\/110834\/revisions"}],"predecessor-version":[{"id":126990,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages\/110834\/revisions\/126990"}],"wp:attachment":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/media?parent=110834"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/categories?post=110834"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/tags?post=110834"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}