Activity 3 | digitalvoices

Define HTML.
HTML is a form of tagging text to make a website.

What does HTML stand for?
Hypertext Markup Language

Define HTML elements. What are the six main HTML Elements syntax?
An HTML element is everything from the start tag to the end tag.
1. start tag / opening tag
2. end tag / closing tag
3. Element content (everything between the start and the end tag)
4. Empty content
5. Closed in the start tag
6. Attributes

Demonstrate the properly nested HTML Syntax.
<p><b>This <i>is</i></b> <i>my sentence</i> of text.</p>
*When there is more than one element in a element

Define HTML Attributes and provide 2 examples with their description.
Attributes provide additional information about HTML elements.
HTML elements can have attributes
Attributes provide additional information about an element
Attributes are always specified in the start tag
Attributes come in name/value pairs like: name="value"

More describing the element
ie <h1 color=red>
<a href="https://vimeo.com/40526289">

Who is making the Web Standards?
The world wide web Consortium (W3C) creates the web standards

Define HTML Tag.
Tells the browser that it's opening an HTML document.

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></br>

What is the preferred way for adding a background colour in HTML?
<body bgcolor="silver">
<p>This page now has a SILVER background!</p>
</body>

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

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

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

How can you create an e-mail link?
<a href="mailto:youremailaddress">Email Me</a>

Demonstrate the HTML coding to open a link in a new browser window?
<a href="http://www.w3schools.com" target="_blank">Visit W3Schools.com!</a>

Create the HTML coding for a table with 2 columns and 3 rows.
<table border="1">
<tr>
<td>100</td>
<td>200</td>
</tr>
<tr>
<td>400</td>
<td>500</td>
</tr>
<tr>
<td>400</td>
<td>500</td>
</tr>
</table>

Demonstrate the HTML coding to left align text in a table cell.
<p align="left">This is some text in a paragraph.</p>

Create a simple HTML form with the following fields:
<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<br>
<input type="radio" name="sex" value="Genderfluid">Genderfluid
</form>
<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>
<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 sheets.

Define the function of CSS.
CSS (Cascading Style Sheets) 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?
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 more than 16 million different colors (256 x 256 x 256).

What are colournames? provide three examples with the corresponding HEX codes.

What is javascript? What is the coding for javascript?
JavaScript (sometimes abbreviated as JS) 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 action="">
<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="Bus">I have a bus
</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)
<body background="http://www.osa-opn.org/opn/media/Images/ImageOfTheWeek/12-10-22.jpg?width=1024&height=1024&ext=.jpg">

<h1>Hello world!</h1>
<p><a href="http://www.w3schools.com">Visit W3Schools.com!</a></p>
<p>The background attribute was deprecated in HTML 4, and is not supported in HTML 4.01 Strict DTD or in XHTML 1.0 Strict DTD. Use CSS instead.</p>

What is the correct HTML for inserting a background image? (use www.digitalvoices/images/background.jpg as an example)
<body background="http://www.osa-opn.org/opn/media/Images/ImageOfTheWeek/12-10-22.jpg?width=1024&height=1024&ext=.jpg">

What is an “iFrame”? Demonstrate the coding.
The <iframe> tag specifies an inline frame. An inline frame is used to embed another document within the current HTML document.
<iframe src="http://www.w3schools.com"></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.