Activity 3 | digitalvoices1

Define HTML.
HTML is a language for describing web pages

What does HTML stand for?
Hyper Text Markup Language

Define HTML elements. What are the six min HTML Elements syntax?
an HTML element is everything between the start tag and the end tag

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
<h1>This is my proper HTML syntax</h1>

Define HTML Attributes and provide 2 examples with their description.
Attributes provide additional information about HTML elements
<!DOCTYPE html>
<html>
<body>

</body>
</html>

Who is making the Web Standards?
The World Wide Web Consortium (W3C) creates the web standards

Define HTML Tag.
The <html> tag tells the browser that this is an HTML document.
The <html> tag represents the root of an HTML document.
The <html> tag is the container for all other HTML elements

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?
<!DOCTYPE html>
<html>
<body>

<p>
jared is<br>the best,<br>of all time.
</p>

</body>
</html>

What is the preferred way for adding a background colour in HTML?
body {background-color:#b0c4de;}

What is the correct HTML tag to make text bold?
<p><b>braylen is not cool</b></p>

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

What is the correct HTML for creating a hyperlink?
The HTML <a> tag defines a hyperlink.

How can you create an e-mail link?
<!DOCTYPE html>
<html>
<body>

<p>
send me an email:
<a href="mailto:someone@example.com?Subject=Hello%20again">
Send Mail</a>
</p>

</body>
</html>

Demonstrate the HTML coding to open a link in a new browser window?
<!DOCTYPE html>
<html>
<body>

<a href="http://jaredtyler619.wix.com/digitalvoices1" target="_blank">Visit my page!</a>

<p>If you set the target attribute to "_blank", the link will open in a new browser window/tab.</p>

</body>
</html>

Create the HTML coding for a table with 2 columns and 3 rows.
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
<td>row 1, cell 3</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
<td>row 2, cell 3</td>
</tr>
</table>

Demonstrate the HTML coding to left align text in a table cell.
<!DOCTYPE html>
<html>
<body>

<table border="1" align="left">
<tr>
    <th>year</th>
    <th>awesomeness</th>
</tr>
<tr>
    <td>2011</td>
    <td>90%</td>
</tr>
<tr>
    <td>2012</td>
    <td>100%</td>
</tr>
</table>

</body>
</html>

Create a simple HTML form with the following fields:
text field for full name
password
a question with 3 answers using radio buttons,
a survey question with 2 checkboxes
a submit button

<form>
First name: <input type="text" name="firstname"><br>
Last name: <input type="text" name="lastname">
</form>

<form>
Password: <input type="password" name="pwd">
</form>

<form>
<input type="radio" name="sex" value="male">Male<br>
<input type="radio" name="sex" value="female">Female
<input type="radio" name="sex" value="both">Both

<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?
Cascading Style Sheet

Define the function of CSS.
CSS is used to style HTML elements

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?
147 color names are defined in the HTML and CSS color specification (16 basic color names plus 130 more). The table below lists them all, along with their hexadecimal values. RGB is Red Green and Blue. HEX values are specified as 3 pairs of two-digit numbers, starting with a # sign

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

What are colournames? provide three examples with the corresponding HEX codes.
The 16 basic color names are: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow. DeepSkyBlue #00BFFF FireBrick #B22222 DimGray #696969

What is javascript? What is the coding for javascript?
JavaScripts make HTML pages more dynamic and interactive.

<!DOCTYPE html>
<html>
<body>

</body>
</html>

What tag allows you to create a list of items with numbers?
An ordered list starts with the <ol> tag. Each list item starts with the <li> tag.The list items are marked with numbers.

What tag allows you to create a list of items with bullets?
An unordered list starts with the <ul> tag. Each list item starts with the <li> tag.The list items are marked with bullets (typically small black circles).

Create the HTML coding for a checkbox. The checkbox should have a question and at least 3 options
<!DOCTYPE html>
<html>
<body>

</body>
</html>

What is the correct HTML for making a text input field?
<!DOCTYPE html>
<html>
<body>

<form action="demo_form.asp">
First name: <input type="text" name="FirstName" value="Jared"><br>
Last name: <input type="text" name="LastName" value="Berthelette"><br>
<input type="submit" value="Submit">
</form>

</body>
</html>

What is the correct HTML for creating a dropdown list?
<!DOCTYPE html>
<html>
<body>

What is the correct HTML for creating a text area?
<!DOCTYPE html>
<html>
<body>

<textarea rows="4" cols="50">
MY website is the best in the world!.
</textarea>

</body>
</html>

What is the correct HTML for inserting an image? (use www.digitalvoices/images/image1.jpg as an example)
<!DOCTYPE html>
<html>
<body>

<h2>Digital Voices</h2>
<img border="0" src="www.digitalvoices/images/image1.jpg"width="304" height="228">

</body>
</html>

What is the correct HTML for inserting a background image? (use www.digitalvoices/images/background.jpg as an example)
<!DOCTYPE html>
<html>
<head>
<style>
body {background-image:url('www.digitalvoices/images/background.jpg');}
</style>
</head>

<body>
<h1>Hello World!</h1>

</body>

</html>

What is an “iFrame”? Demonstrate the coding.
The <iframe> tag specifies an inline frame.
<!DOCTYPE html>
<html>
<body>

</body>
</html>

Define XHTML. Explain why XHTML is being used by web designers.
XHTML is HTML written as XML.
Many pages on the internet contain "bad" HTML.
The following HTML code will work fine if you view it in a browser (even if it does NOT follow the HTML rules):

<html>
<head>
<title>This is bad HTML</title>
<body>
<h1>Bad HTML
<p>This is a paragraph
</body>