1. Define HTML- HTML is a language for describing web pages.
2. WHat does HTML stand for?- HTML stands for Hyper Text Markup Language
3. Define HTML elements. What are the six min HTML Elements syntax? - An HTML element is everything from the start tag to the end 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
An HTML element starts with a start tag / opening tag
4. Demonstrate the properly nested HTML Syntax. -
<!DOCTYPE html>
<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>
5. Define HTML Attributes and provide 2 examples with their description. - Attributes provide additional information about HTML elements.
class- Specifies one or more classnames for an element (refers to a class in a style sheet)
id-Specifies a unique id for an element.
6. Who is making the Web Standards?- The World Wide Web Consortium (W3C) creates the web standards.
7. Define HTML Tag - HTML markup tags are usually called HTML tags
8. What are the correct HTML tag for the 3 largest heading? Use the word TITLE as an example.-
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
9. What is HTML tag for inserting a line break?-The <br> tag inserts a single line break.
10.What is the preferred way for adding a background colour in HTML? - The preferred way to add CSS to HTML, is to put CSS syntax in separate CSS files.
11.What is the correct HTML tag to make text bold?- HTML uses tags like <b> for bold.
12.What is the correct HTML tag to make a text italic? HTML uses tags like <i> for italic.
13.What is the correct HTML for creating a hyperlink ?<!DOCTYPE html>
<html>
<body>
<p>
<a href="default.asp">HTML Tutorial</a> This is a link to a page on this website.
</p>
<p>
<a href="http://www.w3.org/">W3C</a> This is a link to a website on the World Wide Web.
</p>
</body>
</html>
14.How can you create an e-mail link?- <!DOCTYPE html>
<html>
<body>
<p>
This is an email link:
<a href="mailto:someone@example.com?Subject=Hello%20again">
Send Mail</a>
</p>
<p>
<b>Note:</b> Spaces between words should be replaced by %20 to ensure that the browser will display the text properly.
</p>
</body>
</html>
15.Demonstrate the HTML coding to open a link in a new browser window?-
<!DOCTYPE html>
<html>
<body>
<a href="http://www.w3schools.com" target="_blank">Visit W3Schools.com!</a>
<p>If you set the target attribute to "_blank", the link will open in a new browser window or a new tab.</p>
</body>
</html>
16.Create the HTML coding for a table with 2 columns and 3 rows.
<!DOCTYPE html>
<html>
<body>
<div id="container" style="width:500px">
<div id="header" style="background-color:#FFA500;">
<h1 style="margin-bottom:0;">Main Title of Web Page</h1></div>
<div id="menu" style="background-color:#FFD700;height:200px;width:100px;float:left;">
<b>Menu</b><br>
HTML<br>
CSS<br>
JavaScript</div>
<div id="content" style="background-color:#EEEEEE;height:200px;width:400px;float:left;">
Content goes here</div>
<div id="footer" style="background-color:#FFA500;clear:both;text-align:center;">
Copyright © W3Schools.com</div>
</div>
</body>
</html>
17.Demonstrate the HTML coding to left align text in a table cell.
The <td> tag defines a standard cell in an HTML table.
An HTML table has two kinds of cells:
Header cells - contains header information (created with the <th> element)
Standard cells - contains data (created with the <td> element)
The text in <th> elements are bold and centered by default.
The text in <td> elements are regular and left-aligned by default.
18.Create a simple HTML form with the following fields:
-text field for full name- <input type="text">
-password -<input type="password">
-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
<input type="radio" name="sex" value="other">other
</form>
-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>
-a submit button
<input type="submit">
19.What does CSS stand for? - CSS stands for Cascading Style Sheets
20.Define the function of CSS -The animation-timing-function specifies the speed curve of the animation.
21.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
The preferred way to add CSS to HTML, is to put CSS syntax in separate CSS files.
22.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).
23.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).
If you look at the color table below, you will see the result of varying the red light from 0 to 255, while keeping the green and blue light at zero.
24.What are colournames? provide three examples with the corresponding HEX codes.-16 basic color names plus 130 more). - alice blue -#F0F8FF
AntiqueWhite -#FAEBD7 CadetBlue -#5F9EA0
25.What is javascript? What is the coding for javascript? -JavaScript is the world's most popular programming language.
<script>
26. What tag allows you to create a list of items with numbers? -<ol>
27.What tag allows you to create a list of items with bullets? -<li>
28.Create the HTML coding for a checkbox. The checkbox should have a question and at least 3 options.
<form>
<input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
<input type="checkbox" name="vehicle" value="Car">I have a car
<input type="checkbox" name= "toy" value= "Teddy"> I have my teddy
</form>
29.What is the correct HTML for making a text input field? - <input type="text">
30.What is the correct HTML for creating a dropdown list?- <select>
31.What is the correct HTML for creating a text area?- <textarea>
32.What is the correct HTML for inserting an image? - <img src="www.digitalvoices/images/image1.jpg " alt="summer trees">
33.What is the correct HTML for inserting a background image?- body {background-image: www.digitalvoices/images/background.jpg('paper.gif');}
34.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.
35.Define XHTML. Explain why XHTML is being used by web designer.
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.
-because XML is a markup language where documents must be marked up correctly and "well-formed".
