Introduction To HTML

Introduction

An introduction to basic HTML concepts and terms.Watch the video below and read the background information.

[video:https://www.youtube.com/watch?v=ENYODUmaZb0]

What is HTML?

HTML is a markup language for describing web documents (web pages).

  • HTML stands for Hyper Text Markup Language
  • A markup language is a set of markup tags
  • HTML documents are described by HTML tags
  • Each HTML tag describes different document content

Task

By the end of this lesson, you will be able to recognize and fully understand HTML and terms of HTML.

The following questions are asked before the start of the course. You should search and answer them.

  • What is the HTML?
  • What is the web browsers?
  • Where we use web pages?

When you answer the questions, you will able to know HTML background information.

Process

HTML Example

A small HTML document:

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

You can visit http://www.w3schools.com/html/html_intro.asp for simple example of tags and you can try with editing.

HTML Editors

You can find information about HTML editors following link http://www.w3schools.com/html/html_editors.asp

HTML Page Structure

Below is a visualization of an HTML page structure:

<html><head><title>Page title</title></head><body><h1>This is a heading</h1><p>This is a paragraph.</p><p>This is another paragraph.</p></body></ht

HTML Paragraphs

HTML paragraphs are defined with the <p> tag:

Example

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

HTML Links

HTML links are defined with the <a> tag:

HTML Images

HTML images are defined with the <img> tag.

The source file (src), alternative text (alt), and size (width and height) are provided as attributes:

Example

<img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142">

Example

Example of links and images

http://www.w3schools.com/html/html_basic.asp

Publish HTML Pages

You can wach the video about publishing HTML web Pages.

[video:https://www.youtube.com/watch?v=P1QrHvY00pg]

 

Evaluation

We will assess you by observing your effort in personal web page activity. We expect you to take each step seriously.You will create a simple personal web pages that is includes images, your personal information and appropriate design.

Introduction to HTML

 

 

 

HTML Tags Evaluation 

Poor


The student used five or less html tags in personal web page.

Fair


The student used six or ten html tags in personal web pages.

Good


The student used ten or more html tags in personal web pages. 

 

 

 

Design Evaluation 

Poor


The student used inappropriate colors,text size and content  in personal web page.

Fair


The student used appropriate color but image size, text sizes  and content were inappropriate  in personal web page.

Good


The student used appropriate colors,text size, image size according content.

 

 

 

Publish Evaluation 

Poor


The student wasn’t publish personal web page.

Fair


The student published personal web page but not same in local server. 

Good


The student published personal web pages succesfully.

 

 Poor : 1 pts           |      Fair  : 2 pts |      Good : 3 pts

Evaluation Of Total Scores

7-9 – Well done

7-5 – Good

5-3 – Study More

3-0 –Learners should repeat course 

Conclusion

End of the couse, you should able to 

  • Know the HTML concepts.
  • Provide examples from HTML pages.
  • Creates the HTML pages
  • Publish the web pages

Congratulations!! you comple the course.

Credits