ICICT Nigeria

Nigeria Institute Of Computing and ICT.

Introduction to HTML, The Concepts Of HTML With Example With Video.

1 What is HTML

HTML stands for HyperText Markup Language that is used to write web pages and build Websites. It has the ability to bring together text, pictures, sounds, video and links all in one place! HTML files are plain-text files, so they can be edited using standard editors such as notepad and wordpad and thery are stored with the extensions .html, .htm or .shtml. A webpage written in HyperText Markup Language can be viewed using browsers such as Mozilla Firefox , Google’s Chrome, Safari, Opera ,IE  and more. The reason why HyperText Markup Language is the standard formatting tool for WWW is that it is cross platforms, meaning that it can be viewed through different types of computers and mobile devices with different operating system such as the Mainframes, Apple computers, the UNIX system ,the popular IBM compatible PCs, smart phones and tablets running on Android OS, Apple IOS, Microsoft’s windows phone and more. It is sort of a common Internet language. The newest version is HTML5.

Introduction to HTML

2 HTML Structure

An HTML ( HTML5) document is divided into two parts, the head and the body. The head of the document contains the document’s title and other information, and the body contains the contents and everything else. The body is the larger part of the document, as the body of a letter you would write to a friend would be. Elements are used to describe and format an HTML document, each element describes different document content. An example of an element is <head>, which comprises and open tag written as <head>, its content and an end tag written as </head>. An HTML document must always begin with a <!DOCTYPE html> .  DOCTYPE is a declaration that defines the document type. We will discuss tags in more details in next two lessons. 

Example:

<!DOCTYPE html>
<html> <head><title>H T M L Tutorial</title>
<meta http-equiv=”Content-Languagecontent=”en-us“>
<meta name=”descriptioncontent=”Welcome to HTML Tutorial”>
<meta name=”Authorcontent=”Mr. Yakubu Binuyaminu“>
<meta name=”GENERATORcontent=”ICICT“>
<link rel=”stylesheettype=”text/csshref=”styles_vb6.css“/>
</head>
<body><h1>Introduction to HyperText Markup Language</h1> HyperText Markup Language, is the language of the World Wide Web. Web sites and web pages are written in …………………………………………..
……………………………………………….
</body> </html>

Try it yourself: to be continued With below video.


3 comments:

  1. Wow its nice though please i personally need your help in designing a website with notepad its my project in school.

    ReplyDelete
  2. Wow this is the best tutorial i have ever read on html thanks for the post

    ReplyDelete