Activity 3 | digital-voices

Test Review

TEST REVIEW
Define HTML.
HTML is a language for describing web pages.
What does HTML stand for?
• HTML stands for Hyper Text Markup Language

Define HTML elements. What are the six main HTML Elements syntax?
• An HTML element starts with a start tag / opening tag
• An HTML element ends with an end tag / closing tag
• The element content is everything between the start and the end tag
• Some HTML elements have empty content
• Empty elements are closed in the start tag
• Most HTML elements can have attributes
Demonstrate the properly nested HTML Syntax.
Most HTML elements can be nested (can contain other HTML elements).
<!DOCTYPE html>
<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>
Define HTML Attributes and provide 2 examples with their description.
• Attributes provide additional information about an element
• Attributes are always specified in the start tag
• Attributes come in name/value pairs like: name="value"
id Specifies a unique id for an element
style Specifies an inline CSS style for an element

Who is making the Web Standards?
The World Wide Web Consortium (W3C) creates the web standards.
Define HTML Tag.
HTML tags are keywords surrounded by angle brackets like <html>

What are the correct HTML tag for the 3 largest heading? Use the word TITLE as an example.
<h1>TITLE</h1>
<h2>TITLE</h2>
<h3>TITLE</h3>

What is HTML tag for inserting a line break?
<br>

What is the preferred way for adding a background colour in HTML?
The preferred method for adding background color to an element is not through HTML, but rather through CSS

What is the correct HTML tag to make text bold?
<b>bold</b>

What is the correct HTML tag to make a text italic?
<i>italic</i>

What is the correct HTML for creating a hyperlink?
<a href="url here">name</a>

How can you create an e-mail link?
<a href="yourname@hotmail.com">yourname@hotmail.com</a>

Demonstrate the HTML coding to open a link in a new browser window?
<a href="http://www.hyperlinkcode.com/new-window.php" target="_blank">New Browser Window</a>

Create the HTML coding for a table with 2 columns and 3 rows.
<table border="1" cellpadding="10" bgcolor="rgb(0,255,0)">
<tr>
<td><b>Column 1</b></td>
    <td><b>Column 2</b></td>
</tr>
<tr>
    <td>Row 1 Cell 1</td>
    <td>Row 1 Cell 2</td>
</tr>
<tr>
    <td>Row 2 Cell 1</td>
    <td>Row 2 Cell 2</td>
</tr>
<tr>
    <td>Row 3 Cell 1</td>
    <td>Row 3 Cell 2</td>
</tr>
</table>

Demonstrate the HTML coding to left align text in a table cell.
<table border="1" align="left">
<table align="left|right|center">

Create a simple HTML form with the following fields:
a. text field for full name
<form>
First name: <input type="text" name="firstname"><br>
Last name: <input type="text" name="lastname">
</form>
b. password
<form>
Password: <input type="password" name="pwd">
</form>
c. a question with 3 answers using radio buttons,
<form>
<input type="radio" name="sex" value="male">Male<br>
<input type="radio" name="sex" value="female">Female
</form>
d. a survey question with 2 checkboxes
<form>
<input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
<input type="checkbox" name="vehicle" value="Car">I have a car
</form>
e. a submit button
<form name="input" action="html_form_action.asp" method="get">
Username: <input type="text" name="user">
<input type="submit" value="Submit">
</form>

What does CSS stand for?
SS stands for Cascading Style Sheets - it is a way of using one set of formatting for a web-page across a whole web-site.

Define the function of CSS.
The speed curve defines the TIME an animation uses to change from one set of CSS styles to another.

What style elements can be applied in CSS?
• Inline - using the style attribute in HTML elements
• Internal - using the <style> element in the <head> section
• External - using an external CSS file
How are HTML colours defined? What is a Hex and what is RGB?
HTML colors are defined using a hexadecimal notation (HEX) for the combination of Red, Green, and Blue color values (RGB).

Explain how there can be 16 million different colours.
The combination of Red, Green and Blue values from 0 to 255 gives a total of more than 16 million different colors to play with (256 x 256 x 256).

What are colournames? provide three examples with the corresponding HEX codes.
CYAN "#00FFFF"
FIREBRICK "#B22222"
HOTPINK "#FF69B4"

What is javascript? What is the coding for javascript?
JavaScript is a scripting language commonly implemented as part of a web browser in order to create enhanced user interfaces and dynamic websites.

What tag allows you to create a list of items with numbers?
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
What tag allows you to create a list of items with bullets?
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

Create the HTML coding for a checkbox. The checkbox should have a question and at least 3 options.
<form>
What type of vehicle do I drive?
<input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
<input type="checkbox" name="vehicle" value="Car">I have a car<br>
<input type="checkbox" name="vehicle" value="Car">I have a motorcycle
</form>
What is the correct HTML for making a text input field?
<form>
First name: <input type="text" name="firstname"><br>
Last name: <input type="text" name="lastname">
</form>
What is the correct HTML for creating a dropdown list?
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
What is the correct HTML for creating a text area?
<textarea rows="4" cols="50">
At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea>
What is the correct HTML for inserting an image? (use www.digitalvoices/images/image1.jpg as an example)
<img src=" www.digitalvoices/images/image1.jpg " alt="DigitalVoices">

What is the correct HTML for inserting a background image? (use www.digitalvoices/images/background.jpg as an example)
<html>
<body background="bgimage.jpg">
<h1>Hello world!</h1>
<p><a href=" www.digitalvoices/images/background.jpg ">DigitalVoices</a></p>
</body>
</html>
What is an “iFrame”? Demonstrate the coding.
An inline frame is used to embed another document within the current HTML document.
<IFRAME SRC="hello.html" WIDTH=450 HEIGHT=100></IFRAME>

Define XHTML. Explain why XHTML is being used by web designers.
XHTML (Extensible HyperText Markup Language) is a family of XML markup languages that mirror or extend versions of the widely used Hypertext Markup Language (HTML), the language in which web pages are written.
The rise of handheld internet ready devices is forcing lazy web designers to program their sites more efficiently, since most internet ready cell phones and PDAs require XHTML to be able to view web sites properly.