Advanced HTML Part 3

Sara is creating a form that lets a user create a username and password that will be sent to a database. A user will log on to the company intranet with these credentials. What will Sara use to store the username and password until it is received by the database?

• Events

• Properties

• Variables

• Methods

Answer explanation

A variable is a named space of memory. It is a container that allows you to store a value, which you can then access repeatedly and use as needed in your script. Like many other programming languages, JavaScript allows you to declare variables and use their stored values.

Val has been asked to use the pattern attribute on an <input type=”url”> element. The pattern needs to verify that either "http://" or "https://" is included in the input along with one more character. What value would be the best choice for Val to use?

• "https?:.+"

• "https?://.+"

• "http://.+"

• "https?://"

Answer explanation

Using the HTML5 pattern attribute with a value of "https?://.+" ensures that user input into the field includes either "http://" or "https://" and at least one more character.

no bookmarked, confident, or note marked

Question 3 :

Jade put a prompt() method in a webpage that is activated by an event handler. What behavior will a user experience with this method?

• A pop-up box requesting that the user confirm a message by clicking OK (yes) or Cancel (no).

• A pop-up box displaying a message that the user can dismiss by clicking OK.

• A pop-up box with a text field, along with a message asking the user for input.

• A message specified by the developer that is written directly on the webpage.

Answer explanation

The prompt() method creates a pop-up box with the specified message string and requests user input into a text field in the box.

Marketing wants all buttons on the website to reflect the user’s operating system standard. How can the web team complete this task?

• Apply the appearance property to the buttons.

• Apply the border property to the buttons.

• Apply the outline property to the buttons.

• Apply the border-box property to the buttons.

Answer explanation

The appearance property makes an element look like a standard user interface element, such as a button or window.

The web team is discussing user interface (UI) elements. They want to improve how they use CSS3 properties to format these items. What type of elements are they referring to?

• Tables and lists

• Images and paragraphs

• CSS and HTML

• Menus and buttons

Answer explanation

Menus and buttons are some of the user interface (UI) elements you can include in a webpage. Although CSS3 does not introduce any new properties specifically for creating menus and buttons, you can use CSS3 properties and techniques to develop these advanced and very useful tools in your webpages.

Sue wants to know how to call the myChoice function. Which of the following should she use?

• myChoice(;)

• var myChoice(1,2)

• initiate myChoice(3)

• myChoice(a)

Answer explanation

Calling a function can be performed from one function to another, from a user event, or from a separate <script> block.

The code myChoice(a) will call a JavaScript function without error.

The web team has created JavaScript functions that perform common tasks. A developer will copy a function definition that they want to use into a script block. What must the developer do to execute the function?

• Use a conditional statement.

• Use a calling statement.

• Use a looping statement.

• Use a switch statement.

Answer explanation

A function's statements are processed when the function is called by a calling statement. A calling statement is a statement that transfers program execution to a subroutine, procedure, or function.

Rita wants to create a website that is simple to maintain. She wants to be able to make a change to formatting and have affect elements across the website at the same time. What should she use to accomplish this?

• HTML5 structural tags

• Cascading Style Sheets (CSS)

• Application Programming Interfaces (APIs)

• Document Object Model (DOM)

Answer explanation

CSS benefits include:

• Consistency: CSS easily gives an entire site a consistent look and feel.

• Easy change management: You have the ability to change the look and feel of an entire site by simply changing one part of a single line of code, rather than having to change possibly thousands of lines in hundreds of webpages.

Consider the following image:

What will be the output of this code?

• color green

• color

• green

• green color

Answer explanation

JavaScript has built-in functions that are already defined, and it offers developers the ability to define their own functions.

The colorChoice() function calls the alert() method. The argument (“green”) is passed to the colorChoice() function which then passes it to the alert() method.

Irene has finished creating a website for a small business. She created elements using percentages so that the content would not be pushed off the screen. She also tested the site on many different device sizes. What design consideration was she concerned with?

• Screen size and resolution

• Touchscreen use

• Operating system differences

• Quick page response

Answer explanation

Be aware of the size and resolution of current smartphone screens. You must balance your site so it works on all resolutions. The more flexibility you build into your website, the fewer resolution problems your users will have. Fixed width and height are probably the biggest culprits of pushing your content off-screen. Create flexible-sized elements using percentages instead of pixels. You must test your site on various screen resolutions, so use as many different smartphones as possible for your testing.