Activity 3
Define HTML.
-HTML is a markup language
-A markup language is a set of markup tags
-The tags describe document content
-HTML documents contain HTML tags and plain text
-HTML documents are also called web pages
What does HTML stand for?
-Hyper Text Markup Language
Define HTML elements. What are the six main HTML Elements syntax?
-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.
-<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Define HTML Attributes and provide 2 examples with their description.
Who is making the Web Standards?
-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"
-<a href="http://www.w3schools.com">This is a link</a>
-<a href=http://www.digitalvoices.com>Digital Voices</a>
Define HTML Tag.
-HTML tags are keywords (tag names) surrounded by angle brackets like <html>
-HTML tags normally come in pairs like <b> and </b>
-The first tag in a pair is the start tag, the second tag is the end tag
-The end tag is written like the start tag, with a forward slash before the tag name
-Start and end tags are also called opening tags and closing tags
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?
-<body style="background-color:yellow;">
What is the correct HTML tag to make text bold?
-<b>
What is the correct HTML tag to make a text italic?
-<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:honeybooboo@yahoo.ca> Honey Boo Boo </a>
Demonstrate the HTML coding to open a link in a new browser window?
-<a href="http://www.w3schools.com/" target="_blank">Visit W3Schools!</a>
Create the HTML coding for a table with 2 columns and 3 rows.
<table border="1">
<tr>
<td>banana</td>
<td>apple</td>
</tr>
<tr>
<td>banana 2</td>
<td>apple 2</td>
</tr>
<tr>
<tr>banana 3</td>
<td>apple 3</td>
</tr>
</table>
Demonstrate the HTML coding to left align text in a table cell.
- <table border="1" align="left">
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
What does CSS stand for?
-Cascading Style Sheets
Define the function of CSS.
-CSS is used to control the style and layout of multiple Web pages all at once. With CSS, all formatting can be removed from the HTML document and stored in a separate file. CSS gives you total control of the layout, without messing up the document content.
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). 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 colour names? Provide three examples with the corresponding HEX codes.
-A color term, also known as a color name, is a word or phrase that refers to a specific color.
Aquamarine: #7FFFD4
Orange: #FFA500
Olive: #808000
What is javascript? What is the coding for javascript?
-JavaScript can make your web site more dynamic. A static web site is nice when you just want to show flat content, but a dynamic web site can react to events and allow user interaction. JavaScript is the most popular scripting language on the internet and it works with all major browsers. <script>, <noscript>
What tag allows you to create a list of items with numbers?
-<ol>
What tag allows you to create a list of items with bullets?
-<ul>
Create the HTML coding for a checkbox. The checkbox should have a question and at least 3 options.
<form food="">
<input type="checkbox" name="fruit" value="apple">I have an apple <br>
<input type="checkbox" name="fruit" value="orange">I have an orange <br>
<input type="checkbox" name="fruit" value="banana">I have a banana <br>
</form>
What is the correct HTML for making a text input field?
-<form>
What is the correct HTML for creating a dropdown list?
-<select>
What is the correct HTML for creating a text area?
-<textarea>
What is the correct HTML for inserting an image? (use www.digitalvoices/images/image1.jpg as an example)
-<a href="http://www.digitalvoices/image/image1.prg.com/"><img src="URL" alt="Digital Voices"></a>
What is the correct HTML for inserting a background image? (use www.digitalvoices/images/background.jpg as an example)
-
What is an “iFrame”? Demonstrate the coding.
-<iframe>
Define XHTML. Explain why XHTML is being used by web designers.
-XHTML stands for EXtensible HyperText Markup Language
-XHTML is almost identical to HTML 4.01
-XHTML is a stricter and cleaner version of HTML 4.01
-XHTML is HTML defined as an XML application
-XHTML is supported by all major browsers.
