IES: HTML-recog dk12

Question 1

• Specifies how much of the task has been completed
• Can be dynamically updated in synchronization with media playback from an ontimeupdate event-handler script function.

Answer 1

value

Question 2

• Event handler script function that can be used to dynamically update A progress element’s Completion percentage value in synchronization with media playback

Answer 2

Ontimeupdate

Question 3

• Property of an embedded media object which stores the elapsed time since playback began
• Can be used along with the duration property to calculate playback progress as a percentage
• Stores time in seconds as floating Point values, so needs to be rounded down with Math.floor( )

Answer 3

currentTime

Question 4

• Property of an embedded media object that stores total playback time
• Can be used along with the currentTime property to calculate playback progress as a percentage
• Stores time in seconds as floating Point values, so needs to be rounded down with Math.floor( )

Answer 4

duration

Question 5

• Element used as a container to hold some HTML content hidden from the user when the page loads.
• A “DocumentFragment” object that script can copy and can later be added or removed by script as child elements.
• You can use this tag if you have some HTML code you want to use over and over again, but not until you ask for it.
  ** The stylesheet must be included in this element or its rules will not be applied to this element’s child elements.

Answer 5

<template>
</template>

Question 6

• The element part of the web component technology which is a placeholder inside a component (template) that you simply can fill together with your own markup, which allows you to make separate DOM trees and represent them together.
• Within the template element, this element’s contents can differ in each instance of the template
• Optionally enclose default text, but must include a name attribute that will identify that element as a placeholder within the template.

Answer 6

<slot>
</slot>

Question 7

• By including this attribute, these type of placeholders are filled with content within an HTML element that nominates the matching name attribute value.
• This attribute can only appear in these HTML tags: article, aside, block quote, body, div, footer, h1-6, header, main, nav, p, section, span.

Answer 7

slot

Question 8

• Defines a dialog box or subwindow.To which the user must respond before regaining access to the web page
• Makes it easy to create popup dialogs and modals on a web page.
• Appears on a layer above all other page content and can contain all types of content but must provide some means of closing the dialog to return to the page Typically in the form of a button.

Answer 8

<dialog>
</dialog>

Question 9

• Enables a clickable button to be added to a web page or modal dialog: Text enclosed by these tags will appear on the button as its label.
• Can include an onclick attribute to nominate a script function to be called when the button is clicked.

Answer 9

<button></button>

Question 10

• Technique by which the script can dynamically add an event listener for each button to recognize when the user clicks a button - creating a click event.

Answer 10

addEventListener

Question 11

• Element used to draw graphics, on the fly, via scripting (usually JavaScript).
• This tag is transparent and is only a container for graphics: you must use a script to actually draw the graphics.
• Default canvas area is 300 pixels wide and 150 pixels high: other dimensions can be specified to the canvas element’s width and height attributes
• Fall back text can be included in the element.
• In order to use the canvas, a script must first create a “CanvasRenderingContext2D” object : this provides all the methods and properties needed to paint shapes and text in the canvas area.
• A canvas can be repainted at frequent intervals by Script to create animations, create interactive games, etc.: In fact the possibilities provided by canvas are almost limitless.

Answer 11

<canvas>
</canvas>

Question 12

• Abyss Web Server X1 from Aprelium: (Free web server) : It is useful to have a web server installed on your system for web page development
• You may prefer to start the web server manually whenever you need it, or set it to continually run in the background automatically.
• The “htdocs” folder : location where you installed Abyss / where you will place your web pages during development (default page : index.html)
• Enter IP address - 127.0.0.1:9999 to open the Abyss Web Server Console

Answer 12

Abyss

Question 13

• PHP
• ASP.NET
• Ruby
• Perl
• Python

Answer 13

Most popular server-side scripting languages

Question 14

• Free server-side scripting language available at ActiveState (installation is lengthy)
• Change the installation folder name to “C:\Python\”
• Command prompt launcher: Windows System folder on the Windows 10 Start menu
• Note the Interpreter location, as you will need it to configure Abyss for Python scripting
  ***Indentation is used in Python to group statements, so indentation fidelity must be maintained

Answer 14

Python

Question 15

• The Abyss web server can execute using Python server-side script,
• It must be configured to know the location on your system of the Python interpreter (python.exe).
• It must be configured to recognize that files with the extension .py are Python scripts.

Answer 15

Abyss –> Python

Question 16

• Refers to the local computer that a program is running on (ex. surfing the internet: your computer is this).
• Does not need to be specified or defined using a single computer but does when running programs from multiple computers.
• The local machine is defined as this, which gives it an IP address of “127.0.0.1” (considered a “loopback” address).
• Non-local computers must be defined by their IP addresses.
• This term is often used in Web scripting languages like PHP and ASP when defining what server the code should run from or where a database is located.

Answer 16

localhost

Question 17

• The information sent to this IP address is routed back to the local machine (localhost).

Answer 17

loopback address

Question 18

• Common Gateway Interface is a set of rules for running scripts and programs on a web server.
• It specifies what information is communicated between the web server and clients’ Web browsers and how the information is transmitted.
• A standard interface that can be used on multiple types of hardware platforms and is supported by several types of Web server software

Answer 18

CGI

Question 19

• An Internet Server Application Programming Interface is a set of ready-made Windows program calls that developers and programmers can use in order to create custom enhancements or extensions to HTTP servers or web servers compliant with this type of interface.
• Makes it easier to write database applications like an entry system for order forms or for a custom catalog : a programmer can collect information from a user through an HTML form and then return a page which has been customized for that user.

Answer 19

ISAPI

Question 20

• In computing, a command that outputs the strings that are passed to it as arguments (A script executed in response to a request from your web browser)
• Python script : could simply echo requests that often send data as key=value pairs, returning the pairs in the form of an HTML table

Answer 20

Echo script