WDD : Implementation (HTML)

Question 1

Elemements in the webpage

Answer 1

Header - The header element will show the website banner. This will often include a title and logo

Nav - The nav element will contain navigation links.

Main - The main element wll contain page content. The main may be devided into smaller parts with div or section tags

Section - The section elemnt represents a generic section of a document.

Footer - The footer element will contain information about the website. Usually contact details, social media links and legal documentation.

Question 2

Form element :input

Text

Answer 2

input type=”text” name=”firstname” size=”30” maxlength=”15”
required

type=”text” - identifies what input type the form element is expecting.

name=”firstname”- when a form is processed, the name attribute is required

size=”30” - width of the input box ( in number of characters)

maxlength=”15” - length check which limits input to 15 characters

required - presence check has been set on the input

Question 3

Form element : Input Number

Answer 3

input type=”number” name=”seats” min=”1” max=”10”

type=”Number” - Identifies what input type the form element is expecting.

min=”1” max=”10” - Range check has been set ensure values are >=1 and <=10

Question 4

Form element : Input Textarea

Answer 4

textarea name=”dietary_requirements” rows=”5” cols=”40”

rows = “5” – this will set the rows of the textarea (rows manage the height of the textarea)

cols =”40” – this will set the columns of the textarea (columns manage the width of the textarea)

Question 5

Form element : Input Radio buttons

Answer 5

input type=”radio” name=”time” value=”09:00 to 13:00”> 09:00-13:00

Question 6

Form element : Submit buttons

Answer 6

input type=”submit” onclick=”alert(‘Form Submitted, Thank You!’)” value=”Submit”

Question 7

Select drop down menu

Question 8

Select drop down menu with size attribute