` element do?\n","back":"It sets the **page title that displays in the browser tab**, and is placed inside the `<head>` section.\n","sourceNoteId":null,"sourceTitle":null,"provenanceTier":"RULE_DERIVED","cardType":"question_and_answer"},{"id":"fl_3JDYMDX2psCTtsv3","front":"How is an external stylesheet linked to a page?\n","back":"Using the `<link>` element in the `<head>`, with `rel` set to **'stylesheet'** and `href` containing the **relative file path** to the CSS file.\n","sourceNoteId":null,"sourceTitle":null,"provenanceTier":"RULE_DERIVED","cardType":"question_and_answer"},{"id":"fl_bZNMzcqXG3PBMhpF","front":"Why does the order of linked stylesheets matter?\n","back":"Stylesheets are **loaded in the order they are listed**, so **hierarchy** is important.\n","sourceNoteId":null,"sourceTitle":null,"provenanceTier":"RULE_DERIVED","cardType":"question_and_answer"},{"id":"fl_C5qJ5B6j5csGZDbk","front":"Define **metatag**.\n","back":"A metatag is a snippet of text in HTML that **describes a page's content**. It appears **in the page's code**, not on the page itself.\n","sourceNoteId":null,"sourceTitle":null,"provenanceTier":"RULE_DERIVED","cardType":"keyword_definition"},{"id":"fl_84wFJfPyjrCzGWJV","front":"Name three metatags.\n","back":"Metatags include **charset**, **keywords**, **author**, **description** and **viewport**.\n","sourceNoteId":null,"sourceTitle":null,"provenanceTier":"RULE_DERIVED","cardType":"question_and_answer"},{"id":"fl_fjwXDpNWQP3ghGR6","front":"What does the description metatag do?\n","back":"It provides a **concise explanation of the content** of the web page. It often appears in **search engine results** and can influence click-through rates.\n","sourceNoteId":null,"sourceTitle":null,"provenanceTier":"RULE_DERIVED","cardType":"question_and_answer"},{"id":"fl_gZ36hJyBhWy3WwVc","front":"What does the viewport metatag control?\n","back":"It controls the **viewport size** and the **initial zoom level**, so the page displays correctly on **all devices**.\n","sourceNoteId":null,"sourceTitle":null,"provenanceTier":"RULE_DERIVED","cardType":"question_and_answer"},{"id":"fl_StxqkvXFJVCG5PmG","front":"What does the body section of a webpage contain?\n","back":"The body contains the **main content of the web page**, such as **text, images, videos, hyperlinks and tables**, which is displayed in the **browser window**.\n","sourceNoteId":null,"sourceTitle":null,"provenanceTier":"RULE_DERIVED","cardType":"question_and_answer"},{"id":"fl_2Jr5KxkXxj42pF4v","front":"What are tables mainly used for in webpages today?\n","back":"Tables are primarily used for **displaying tabular data**, meaning information that is logically displayed in a **grid format**.\n","sourceNoteId":null,"sourceTitle":null,"provenanceTier":"RULE_DERIVED","cardType":"question_and_answer"},{"id":"fl_vZFBShsdByD6jW7T","front":"How do tables enhance accessibility?\n","back":"**Screen readers** for visually impaired users can read tables effectively if they are **correctly structured** using elements such as `<table>`, `<tr>`, `<th>` and `<td>`.\n","sourceNoteId":null,"sourceTitle":null,"provenanceTier":"RULE_DERIVED","cardType":"question_and_answer"},{"id":"fl_sTpDwZBWDfCntCk8","front":"How do you link to a bookmark on the same page?\n","back":"Use the `<a>` tag with an `href` value set to **# followed by the id** of the bookmark, for example `<a href=\"#section1\">`.\n","sourceNoteId":null,"sourceTitle":null,"provenanceTier":"RULE_DERIVED","cardType":"question_and_answer"},{"id":"fl_rGvGsYP49g3RrRSH","front":"What does the target attribute `_blank` do?\n","back":"It opens the link in a **new tab or window**, whereas `_self` opens it in the **same tab or window**.\n","sourceNoteId":null,"sourceTitle":null,"provenanceTier":"RULE_DERIVED","cardType":"question_and_answer"},{"id":"fl_K6x76CWjCmvg9rRd","front":"What is the difference between a relative and an absolute file path?\n","back":"A **relative** path gives the location **in relation to the file that references it**. An **absolute** path gives the **exact location regardless of the current location**, including the entire path from the root directory.\n","sourceNoteId":null,"sourceTitle":null,"provenanceTier":"RULE_DERIVED","cardType":"question_and_answer"},{"id":"fl_5c3qh2mpm84R8bC4","front":"A bookmark is created in HTML by adding a unique <u>** **</u> attribute to a tag.\n","back":"A bookmark is created in HTML by adding a unique **id** attribute to a tag.\n","sourceNoteId":null,"sourceTitle":null,"provenanceTier":"RULE_DERIVED","cardType":"fill_in_the

23:I[4040,["/_next/static/chunks/0x-9rc1bm-510.js","/_next/static/chunks/37-zo0rk0dwbo.js","/_next/static/chunks/1iz8o_-noniv4.js","/_next/static/chunks/2mfu78refve92.js","/_next/static/chunks/0kne-1uwqf248.js","/_next/static/chunks/312ompatkpvus.js","/_next/static/chunks/0y8phjxb4g-7h.js","/_next/static/chunks/0y1os5rp8l4wr.js","/_next/static/chunks/2kv7tlg00sstk.js","/_next/static/chunks/04jkua5uzk_yt.js","/_next/static/chunks/3qltf_nfk1zxc.js","/_next/static/chunks/1i_x0413hr322.js","/_next/static/chunks/0bi_o6ua_oq26.js","/_next/static/chunks/381pdlyxtw6_f.js"],"DeckPlayer"] 1e:["$","path","1ywdgy",{"d":"M3 6v4c0 1.1.9 2 2 2h3"}] 1f:["$","path","2wc746",{"d":"M3 10v6c0 1.1.9 2 2 2h3"}] 20:["$","p",null,{"className":"max-w-3xl text-sm leading-relaxed text-muted-foreground sm:text-[15px]","children":"19 cards for “HTML in the Content Layer” in Website Authoring — the deck as imported, SME deck order."}] 21:["$","div",null,{"className":"mt-6","children":["$","$L23","cie-igcse-ict-21:html-in-the-content-layer",{"course":"cie-igcse-ict-21","subtopicCode":"html-in-the-content-layer","cards":[{"id":"fl_PrNXBkt32HP2TBHB","front":"Define **HTML**.\n","back":"HTML, or **Hypertext Markup Language**, is the foundational language used to **structure content on the web**.\n","sourceNoteId":null,"sourceTitle":null,"provenanceTier":"RULE_DERIVED","cardType":"keyword_definition"},{"id":"fl_TGwJFPZxhfBkrz6F","front":"What are HTML elements often referred to as?\n","back":"HTML elements are often referred to as **tags**, which are used to **structure and format** a webpage.\n","sourceNoteId":null,"sourceTitle":null,"provenanceTier":"RULE_DERIVED","cardType":"question_and_answer"},{"id":"fl_5HrBQJ8rg98S32qs","front":"Which tag is the root element of an HTML page?\n","back":"The `` tag is the root element, and it **includes all other HTML elements** used on the page.\n","sourceNoteId":null,"sourceTitle":null,"provenanceTier":"RULE_DERIVED","cardType":"question_and_answer"},{"id":"fl_5w3RY5kx6k49pgYM","front":"What does the head section of a webpage contain?\n","back":"The head contains **information about the web page that is not displayed on the page itself**. Its content is shown in the **browser tab**.\n","sourceNoteId":null,"sourceTitle":null,"provenanceTier":"RULE_DERIVED","cardType":"question_and_answer"},{"id":"fl_3Qwj2jVj7hsvtTzs","front":"**True or False?**\n\nThe content of the head tag is displayed in the browser window.\n","back":"**False.**\n\nContent in the **head** is displayed in the **browser tab**, not on the page. It is the **body** content that appears in the browser window.\n","sourceNoteId":null,"sourceTitle":null,"provenanceTier":"RULE_DERIVED","cardType":"true_or_false"},{"id":"fl_8XjB5FRy72hyWVTh","front":"What does the `` element do?\n","back":"It sets the **page title that displays in the browser tab**, and is placed inside the `<head>` section.\n","sourceNoteId":null,"sourceTitle":null,"provenanceTier":"RULE_DERIVED","cardType":"question_and_answer"},{"id":"fl_3JDYMDX2psCTtsv3","front":"How is an external stylesheet linked to a page?\n","back":"Using the `<link>` element in the `<head>`, with `rel` set to **'stylesheet'** and `href` containing the **relative file path** to the CSS file.\n","sourceNoteId":null,"sourceTitle":null,"provenanceTier":"RULE_DERIVED","cardType":"question_and_answer"},{"id":"fl_bZNMzcqXG3PBMhpF","front":"Why does the order of linked stylesheets matter?\n","back":"Stylesheets are **loaded in the order they are listed**, so **hierarchy** is important.\n","sourceNoteId":null,"sourceTitle":null,"provenanceTier":"RULE_DERIVED","cardType":"question_and_answer"},{"id":"fl_C5qJ5B6j5csGZDbk","front":"Define **metatag**.\n","back":"A metatag is a snippet of text in HTML that **describes a page's content**. It appears **in the page's code**, not on the page itself.\n","sourceNoteId":null,"sourceTitle":null,"provenanceTier":"RULE_DERIVED","cardType":"keyword_definition"},{"id":"fl_84wFJfPyjrCzGWJV","front":"Name three metatags.\n","back":"Metatags include **charset**, **keywords**, **author**, **description** and **viewport**.\n","sourceNoteId":null,"sourceTitle":null,"provenanceTier":"RULE_DERIVED","cardType":"question_and_answer"},{"id":"fl_fjwXDpNWQP3ghGR6","front":"What does the description metatag do?\n","back":"It provides a **concise explanation of the content** of the web page. It often appears in **search engine results** and can influence click-through rates.\n","sourceNoteId":null,"sourceTitle":null,"provenanceTier":"RULE_DERIVED","cardType":"question_and_answer"},{"id":"fl_gZ36hJyBhWy3WwVc","front":"What does the viewport metatag control?\n","back":"It controls the **viewport size** and the **initial zoom level**, so the page displays correctly on **all devices**.\n","sourceNoteId":null,"sourceTitle":null,"provenanceTier":"RULE_DERIVED","cardType":"question_and_answer"},{"id":"fl_StxqkvXFJVCG5PmG","front":"What does the body section of a webpage contain?\n","back":"The body contains the **main content of the web page**, such as **text, images, videos, hyperlinks and tables**, which is displayed in the **browser window**.\n","sourceNoteId":null,"sourceTitle":null,"provenanceTier":"RULE_DERIVED","cardType":"question_and_answer"},{"id":"fl_2Jr5KxkXxj42pF4v","front":"What are tables mainly used for in webpages today?\n","back":"Tables are primarily used for **displaying tabular data**, meaning information that is logically displayed in a **grid format**.\n","sourceNoteId":null,"sourceTitle":null,"provenanceTier":"RULE_DERIVED","cardType":"question_and_answer"},{"id":"fl_vZFBShsdByD6jW7T","front":"How do tables enhance accessibility?\n","back":"**Screen readers** for visually impaired users can read tables effectively if they are **correctly structured** using elements such as `<table>`, `<tr>`, `<th>` and `<td>`.\n","sourceNoteId":null,"sourceTitle":null,"provenanceTier":"RULE_DERIVED","cardType":"question_and_answer"},{"id":"fl_sTpDwZBWDfCntCk8","front":"How do you link to a bookmark on the same page?\n","back":"Use the `<a>` tag with an `href` value set to **# followed by the id** of the bookmark, for example `<a href=\"#section1\">`.\n","sourceNoteId":null,"sourceTitle":null,"provenanceTier":"RULE_DERIVED","cardType":"question_and_answer"},{"id":"fl_rGvGsYP49g3RrRSH","front":"What does the target attribute `_blank` do?\n","back":"It opens the link in a **new tab or window**, whereas `_self` opens it in the **same tab or window**.\n","sourceNoteId":null,"sourceTitle":null,"provenanceTier":"RULE_DERIVED","cardType":"question_and_answer"},{"id":"fl_K6x76CWjCmvg9rRd","front":"What is the difference between a relative and an absolute file path?\n","back":"A **relative** path gives the location **in relation to the file that references it**. An **absolute** path gives the **exact location regardless of the current location**, including the entire path from the root directory.\n","sourceNoteId":null,"sourceTitle":null,"provenanceTier":"RULE_DERIVED","cardType":"question_and_answer"},{"id":"fl_5c3qh2mpm84R8bC4","front":"A bookmark is created in HTML by adding a unique <u>** **</u> attribute to a tag.\n","back":"A bookmark is created in HTML by adding a unique **id** attribute to a tag.\n","sourceNoteId":null,"sourceTitle":null,"provenanceTier":"RULE_DERIVED","cardType":"fill_in_the_blanks"}]}]}] </article></body></html>