ICT LAST QUIZ OF TERM 1 REVIEWER

It really had to end with this number bruh

NAME ATTRIBUTE FOR INPUT

Notice that each input field must have a ___ attribute to

be submitted.

NAME ATTRIBUTE FOR INPUT

If the ______ attribute is omitted, the value of the input

field will not be sent at all.

<select> element

an element that defines a drop-down list

<option> element

an element that defines an option that can be selected.

By default, the first item in the drop-down list is

selected.

selected attribute

To define a pre-selected option, add the _____ attribute

size attribute

this attribute is used to specify the number of visible values

<textarea> element

_______ element defines a multi-line input field

<button> element

______ element defines a clickable button

<fieldset> element

______ element is used to group related data in a form.

<legend> element

the _____ element defines a caption for the <fieldset> element.

<datalist> element

the _____ element specifies a list of pre-defined

options for an <input> element. Users will see a drop-down list of the pre-defined options as they input data.

<input type="password"> \

<_____ = “____”> defines a password field:

<input type="reset">

defines a reset button that will reset all form values to their default values:

<input type="date">

<_____ = “______”> is used for input fields that should

contain a date.

Depending on browser support, a date picker can show up in

the input field.

<input type="email">

<__ __=”____”> is used for input fields that

should contain an e-mail address.

Depending on browser support, this can be

automatically validated when submitted.

Some smartphones recognize the this type, and add ".com" to

the keyboard to match email input.

<input type="file">

<_____ _____="____"> defines a file-select field and a

"Browse" button for file uploads.

<input type="number">

<_____ _____="_____"> defines a numeric input field.

You can also set restrictions on what numbers are accepted.

The following example displays a numeric input field, where

you can enter a value from 1 to 5:

input placeholder attribute

______ specifies a short hint that

describes the expected value of an input field (a sample

value or a short description of the expected format).The

short hint is displayed in the input field before the user

enters a value.

input required attribute

___________ specifies that an input field

must be filled out before submitting the form.

It works with the following input types:

text, search, url, tel, email, password, date pickers,

number, checkbox, radio, and file.

HTML form

this is used to collect user input. The user

input is most often sent to a server for processing.

<form> element

this element is used to create an HTML form for user

input.

<input> element

this element can be displayed in many ways, depending on the

type attribute.

<input type="text">

<____ _____="_____"> defines a single-line input field

for text input.

<label> tag

this tag defines a label for many form elements.

The <input type="radio">

The <____ ____="_____"> defines a radio button.

These let a user select ONE of a limited number of

choices.

<input type="checkbox">

<_____ _____="______"> defines a checkbox.

These let a user select ZERO or MORE options of a

limited number of choices.

<input type="submit">

<_____ _____="______"> defines a button for submitting

the form data to a form-handler.

form-handler

This is typically a file on the server with a

script for processing input data.

This is also specified in the form's action

attribute.

HTML Lists

Helps us to:

navigate from one page to another.

Created using the anchor tag <a>.

Can link to: Another webpage, Images, Email addresses, Files

Anchor element

<a> is also known as?

href

This shows the destination of the

link

Link Text

This type of text leads to clickable text

Closing Tag

</a> is known as?

HTML Link Attributes

give extra

information about the link.

href

A common link attrib used for destination

target

A common link attrib used for: where to open link

title

A common link attrib used for: tooltip text

Target Attribute

The attribute that defines where to open the

link.

_self

A value in target attrib that opens in same tab

_blank

A value in target attrib that opens in new tab

Adding a Link to an Image

To do this process, wrap the image inside <a>

tag.

mailto:

Use _____ to open email

application.

Absolute URL

Full web address.

Used when linking to external websites.

Relative URL

Links to files inside the same

website.

Does NOT include domain.

Website Development

is the process of:

Creating

Designing

Building

Maintaining websites

It involves both design and

programming to make websites functional

Homepage

part of the website that is the main page

Navigation Menu

part of the website that links to other

pages

Content Area

part of the website that includes text, images,

videos

Footer

part of the website that includes the contact info, copyright

Header

part of the website that includes the logo and title

Personal Website

• is created by an individual to

   share information about

   themselves.

It may include:

•Biography or personal background

•Hobbies and interests

•Resume or achievements

•Photos and contact information

Business website

•designed to promote a company’s products or services.

•It usually contains:

⚬Company profile

⚬Product or service listings

⚬Contact details

⚬Customer support information

Educational website

•provides learning materials and academic information.

• It may include:

⚬Online lessons and modules

⚬Course information

⚬Educational videos and activities

⚬Resources for students and teachers

E-commerce website

•allows people to buy and sell products or services online.

Features include:

⚬Product catalog

⚬Shopping cart

⚬Online payment system

⚬Order tracking

Portfolio website

•showcases a person’s work, skills, or projects.

Commonly used by:

⚬Designers

⚬Photographers

⚬Artists

⚬Developers

Blog website

•is used to publish articles, opinions, or stories regularly.

It contains:

•Posts arranged by date

•Topics or categories

•Comment sections for readers

Front-End Development

Is what users see and interact with.

Uses:

•HTML → Structure

•CSS → Design

•JavaScript → Functionality

Back-End Development

•handles what users do not see.

Includes:

•Servers

•Databases

•Application logic

Purpose:

✔ Stores data

✔ Processes requests

✔ Manages users

HTML (HyperText Markup Language)

•Builds the structure of webpages.

•Uses tags like:

•<h1>, <p>, <a>, <img>

CSS (Cascading Style Sheets)

•Controls appearance:

⚬Colors

⚬Layout

⚬Fonts

⚬Spacing

JavaScript

This adds:

•Interactivity

•Animations

•Form validation

•Dynamic content

Example:

✔ Buttons that respond when clicked.

1.Planning

2.Designing

3.Developing

4.Testing

5.Publishing

6.Maintenance

Enumerate the steps in Developing a Website

Planning Stage

 

Ask:

•What is the purpose?

•Who are the users?

•What content is needed?

Designing Stage

 Create:

•Layout (Wireframe)

•Color scheme

•Navigation structure

Development Stage

 

Write code using:

•HTML for structure

•CSS for styling

•JavaScript for interaction

Testing and Publishing

✔ Check links and layout

✔ Fix errors (debugging)

✔ Upload to web server

✔ Make website live

Maintenance

 

After publishing:

•Update content

•Improve security

•Fix bugs

•Add new features