Free practice samples to learn HTML codes Create Web Pages
This is second part of my blog on learning HTML. In this blog you will learn how to create Headings, Paragraphs, images and tags. In the end of post you will see some practice sample questions.
What are HTML Headings?
HTML headings are defined with the <h1> to <h6> tags.
Example
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
--------------------------------------------------------------------------------
What are HTML Paragraphs?
HTML paragraphs are defined with the <p> tag.
Example
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
--------------------------------------------------------------------------------
What are HTML Links?
HTML links are defined with the <a> tag.
Example
<a href=" http://saveandmakemoremoney.blogspot.com/2013/01/free-and-new-wonderlic-practice-test.html">Free and new Wonderlic Test</a>
--------------------------------------------------------------------------------
What are HTML Images?
HTML images are defined with the <img> tag.
Example
<img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTZjjOb_jsdFA42JbNWUqydI74fxPdUXK4gi0sBQmUZAZCRI2TsuktguYUZzC5e67Shi-bG04gfZ8DrYbJSbXr7eOL3VwlnBRAMa4NzEpgW4uKkwZcL_8ora_pw7eUNO9L6WKhn_VY3QPr/s220-h/23513_200x300.jpg"width="104" height="142">
What are HTML Elements?
HTML documents are defined by HTML elements
An HTML element is everything from the start tag to the end tag:
Start tag * Element content End tag *
<p> This is a paragraph </p>
<a href="default.htm"> This is a link </a>
<br>
* The start tag is often called the opening tag. The end tag is often called the closing tag.
--------------------------------------------------------------------------------
What is HTML Element 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
--------------------------------------------------------------------------------
What are Nested HTML Elements
Most HTML elements can be nested (can contain other HTML elements).
HTML documents consist of nested HTML elements.
--------------------------------------------------------------------------------
HTML Document Exemple
<!DOCTYPE html>
<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html> The example above contains 3 HTML elements.
--------------------------------------------------------------------------------
HTML Example Explained
The <p> element:
<p>This is my first paragraph.</p>The <p> element defines a paragraph in the HTML document.
The element has a start tag <p> and an end tag </p>.
The element content is: This is my first paragraph.
The <body> element:
<body>
<p>This is my first paragraph.</p>
</body> The <body> element defines the body of the HTML document.
The element has a start tag <body> and an end tag </body>.
The element content is another HTML element (a p element).
The <html> element:
<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html> The <html> element defines the whole HTML document.
The element has a start tag <html> and an end tag </html>.
The element content is another HTML element (the body element).
--------------------------------------------------------------------------------
What is End Tag?
Some HTML elements might display correctly even if you forget the end tag:
<p>this is a paragraph
<p>this is a paragraph the example above works in most browsers, because the closing tag is considered optional.
Never rely on this. Many HTML elements will produce unexpected results and/or errors if you forget the end tag
--------------------------------------------------------------------------------
What are Empty HTML Elements?
HTML elements with no content are called empty elements.
<br> is an empty element without a closing tag (the <br> tag defines a line break).
Tip: In XHTML, all elements must be closed. Adding a slash inside the start tag, like <br />, is the proper way of closing empty elements in XHTML (and XML).
--------------------------------------------------------------------------------
HTML Tip: Use Lowercase Tags
HTML tags are not case sensitive: <P> means the same as <p>. Many web sites use uppercase HTML tags.
Free Practice tests1-10
1) What is the function of the tag?
A. It allows you to open your web browser.
B. It tells a web browser this is the start of an HTML document
C. It creates a web site on your computer.
D. It allows you to link to another web page.
Q.2) what is the function of the tags?
A. To creates a large title at the top of your web pages body.
B. To allow you to insert title music onto your page.
C. To create a link to your title page.
D. To give your page a title that will appear at the top of your browser window.
Q.3) what is the function of the tag?
A. It starts the "body" or main area of the web page.
B. It inserts a background image for your web page.
C. It gives your page a full bodied aroma.
D. It links your page to the main page of your site.
Q.4) what is the function of the tag?
A. It creates a new page with an image on it.
B. It inserts an image on your page.
C. It makes an image link to another web page.
D. It inserts a background image on your web page.
Q.5) what is the function of the ... tags?
A. To create a list on your page.
B. To create a table of contents on your page.)
C. To change the size of the text for headings and sub headings.
D. They are short forms for the tags.
Q.6) what is the function of the tags?
A. To create a point form list.
B. To post a link onto your web page.
C. To point your page to another linked page.
D. To start and end a paragraph.
Q.7) what is the function of the example tags?
A. To insert a link to another web page.
B. To insert a graphic from another web page.
C. To reference information from another web page.
D. To highlight important text.
Q.8) what is the function of the tag?
A. It allows you to open your web browser.
B. It tells a web browser this is the start of an HTML document.
C. It creates a web site on your computer.
D. It allows you to link to another web page.
Q.9) what is the function of the BGCOLOUR="888888" command? And where is this command placed?
A. It changes the border colour of the page and it's placed inside the BR tags.
B. It changes the background colour of a page and it's placed inside the HTML tag.
C. It changes the background colour of a page and it's placed inside the BODY tag.
D. It changes the text colour of a page and it's placed inside the TITLE tag.
Q.10) what does HTML stand for?
A. High Tech Multiple Listeners
B. How To Make Lunch
C. Hypertext Markup Language
D. A programing language for beginners.
Answers Q 1-10
Q 1-B
Q 2-d
Q 3-a
Q 4-b
Q 5-c
Q 6-d
Q 7-c
Q 8-b
Q 9-c
Q 10-c
