Computer Reviewer 10 Past Paper PDF (SY 2024-2025)

COMPUTER REVIEWER 10 S.Y. ‘24 - ‘25 | THIRD GRADING | FIRST SET – LIST AND TABLES – ​ - Designates the start and end of 1.0 LIST TAGS AND THEIR ATTRIBUTES an unordered list. ​ HTML5 also features tags used for...

COMPUTER REVIEWER 10 S.Y. ‘24 - ‘25 | THIRD GRADING | FIRST SET – LIST AND TABLES – ​ - Designates the start and end of 1.0 LIST TAGS AND THEIR ATTRIBUTES an unordered list. ​ HTML5 also features tags used for ​ - Defines the opening and closing itemizing or giving details with the use of tag of every list item. list tags. 1.​ Ordered List 2.​ Unordered List Tag 3.​ Definition List Tag 1.1 ORDERED LIST ​ Is equivalent to the numbering features of MS office. ​ The list items are marked with the 1.3 DEFINITION LIST TAG numbers or letters. ​ Is a list of items with a description for ​ - Designates the start and end of each of the item. an ordered list. ​ It is not a list of single items. ​ - Defines the opening and closing ​ - Designates the start and end of tag for every list item. a definition list. ​ - Denotes the term to be define and has no closing tag. ​ - Denotes the definition and has no closing tag. 1.2 UNORDERED LIST TAG ​ Is equivalent to the bullets features of MS 1.4 TABLE TAGS Office – wherein list items are marked ​ In HTML, a table consists of the with special symbols. element and one or more , , and elements. COMPUTER REVIEWER PAGE 1  COMPUTER REVIEWER 10 S.Y. ‘24 - ‘25 | THIRD GRADING | FIRST SET ​ The element defines a table in – LINKS AND EVENT ATTRIBUTES – HTML. 2.0 HYPERLINKS ​ A data cell can contain text, images, lists, ​ A link or hyperlink is any element that paragraphs, forms, horizontal rules, tables, users can click to jump to another and more. document or a specific part of the current document. ​ A link has two ends called anchors and direction. 1.5 , , 2.1 TYPES OF LINKS ​ The , , and tags are ​ Hyperlinks are found in almost all web used to create groups of rows. pages as they provide a simple means of ​ These tags are used together to specify navigating between pages on the web. each part of a table – header, body, and ​ A visited link is underlined and purple. footer. rowspan ​ An active link is underlined and red. ​ An unvisited link is underlined and blue. 2.2 CATEGORIES OF LINKS 1. Embedded link ​ It permits following through links using a code. ​ Choosing the particular link will load in a corresponding place. 2. Inline link ​ It displays remote content without the need to embed in the content. COMPUTER REVIEWER PAGE 2  COMPUTER REVIEWER 10 S.Y. ‘24 - ‘25 | THIRD GRADING | FIRST SET ​ The remote content may be accessed with It opens the linked document in a _top or without the user selecting the link. named frame. ​ Inline links may display specific parts of 2.4 TITLE ATTRIBUTE the content—thumbnail, low-resolution ​ The title attribute specifies additional preview, cropped sections, magnified information about an element. sections, description text, and more. ​ Then, these access other parts of the full content when needed, as the case with print publishing software. ​ This allows for smaller sizes and quicker response to changes when the full linked content is not needed. 2.5 EVENT ATTRIBUTE ​ The event attributes in HTML5 are 3. Random accessed link applicable to most of the elements. ​ These are links retrieved from a database ​ They can be applied for the execution of or variable containers in a program when JavaScript when certain events occur. the retrieval function is from user 1.​ Clipboard Events interaction or non-interactive process. 2.​ Drag Events 3.​ Form Events 4. Hardware accessed link 4.​ Keyboard Events ​ It is a directly activated link via an input 5.​ Media Events device (i,e., keyboard, microphone, remote 6.​ Mouse Events control) without the need or use of a graphical user interface. 2.6 CLIPBOARD EVENTS 2.3 TARGET ATTRIBUTE ​ Clipboard events refer to what happens when there is modification on the ​ The target attribute instructs the browser clipboard–such as copy, cut and paste. where to open the linked document. TAG DESCRIPTION ATTRIBUTE DESCRIPTION It opens the linked document in a It applies when the user copies _blank oncopy new window or tab. the content of an element. (Default) It opens the linked It applies when the user cuts the oncut document in the same frame as it content of an element. _self was clicked. It applies when the user pastes onpaste It opens the linked document in some content in an element. _parent the parent frame. COMPUTER REVIEWER PAGE 3  COMPUTER REVIEWER 10 S.Y. ‘24 - ‘25 | THIRD GRADING | FIRST SET 2.7 DRAG EVENTS It applies after some text has onselect been selected in an element. ATTRIBUTE DESCRIPTION It applies when a form is It applies when an element is onsubmit ondrag submitted. dragged. It applies at the end of a drag ondragend 2.9 KEYBOARD EVENTS operation. It applies when an element has ​ Keyboard events demonstrate what ondragcenter been dragged to a valid drop happens when a user interacts with the target. keyboard. It applies when an element is ondragover being dragged over a valid drop ​ The event type (key down, key press, or target. key up) identifies the kind of action done It applies at the start of a drag ondragstart on the keyboard. operation. ATTRIBUTE DESCRIPTION 2.8 FORM EVENTS It applies when a user is onkeydown ​ Form events refer to events that happen pressing a key. It applies when a user presses a when a user interacts with the HTML form onkeypress key. controls–which applies to almost all It applies when a user releases onkeyup HTML elements, but mostly used in form a key. elements. 2.10 MEDIA EVENTS ATTRIBUTE DESCRIPTION ​ Media events refer to events triggered by It applies when the element loses onblur media elements (videos, images, and focus. It applies when the value of the audio) that are embedded inside the onchange element is changed. HTML documents. It applies when a context menu is oncontextmenu triggered. ATTRIBUTE DESCRIPTION It applies when the element gets onabort It applies on abort. onfocus focus. It applies when a file is ready to It applies when an element gets oncanplay start playing —when it has oninput user input. buffered enough to begin. It applies when an element is It applies when a file can be oninvalid invalid. oncanplaythrough played all the way to the end It applies when the Reset button in without pausing for buffering. onreset a form is clicked. It applies when the cue changes oncuechange It applies when the user writes in a element. onsearch something in a search field — for. 2.11 MOUS EVENTS COMPUTER REVIEWER PAGE 4  COMPUTER REVIEWER 10 S.Y. ‘24 - ‘25 | THIRD GRADING | FIRST SET ​ Mouse events demonstrate events that Specifies the occur when the user interacts with a character encoding accept- pointing device. character_set that are to be used charset ATTRIBUTE DESCRIPTION for the form It applies when an element is submission. onclick clicked. Specifies where to It applies when an element is send the form-data ondblclick action URL double-clicked. when a form is submitted. It applies when user pressed onmousedown Specifies whether a down on an element. on form should have It applies when user moves the autocomplete off auto-complete on onmousemove mouse while it is over an or off. element. Specifies how the It applies when the mouse application/x-ww form-data should onmouseout pointer moves out of an w-form-urlencod be encoded when element. enctype edmultipart/for submitting it to the It applies when the mouse m-datatext/plain server (only for onmouseover pointer moves over an element. method=“post”) It applies when a mouse button Specifies the HTTP onmouseup is released over an element. get method to use method (Deprecated) Use the on-wheel post when sending onmousewheel form-data. attribute instead. It applies when the mouse wheel Specifies the name name text onwheel rolls up or down over an of a form. element. Specifies that the form should not be novalidate novalidate – INPUT TYPES AND FORMS – validated when submitted. 3.0 FORMS Specifies where to ​ A form in HTML is a segment of file that _blank display the contains responsive controls allowing the _self response that is target end user to process data to a web server. _parent received after _top submitting the form. 1. Open new file in Notepad ++ 2. Type the given code ​ A form in HTML is a segment of file that contains responsive controls allowing the end user to process data to a web server. Sample Form Code Below is a list of all attributes used in HTML5: ATTRIBUTE VALUE DESCRIPTION COMPUTER REVIEWER PAGE 5  COMPUTER REVIEWER 10 S.Y. ‘24 - ‘25 | THIRD GRADING | FIRST SET 3. Add form code Defines a file-select field and a file “Browse” button – for file uploads. hidden Defines a hidden input field. Sample Form Code Defines an image as the image submit button. Defines a month and year month control – no time zone HTML Forms Defines a field for entering a number number. password Defines a password field. radio Defines a radio button. Defines a range control – like a range slider control reset Defines a reset button. Defines a text field for entering search a search thing. 3.1 INPUT TYPES AND FORMS submit Defines a submit button. ​ Forms and Input attributes in HTML5 Defines a field for entering a tel makes filling out forms and data in the telephone number. web easier. Default. Defines a single-line text text field. 3.2 INPUT TYPE TAGS ​ The tag is used to declare and process input data. ​ This option is applicable for creating lists Sample Form Code with choices, inquiries, and login accounts for websites. ​ HTML Forms TAG DESCRIPTION Defines a clickable button – First Name: