Welcome, Guest: Register On Nairaland / LOGIN! / Trending / Recent / New
Stats: 3,148,833 members, 7,802,668 topics. Date: Friday, 19 April 2024 at 06:34 PM

HTML Tutorial For The Absolute Beginner - Thread - Webmasters - Nairaland

Nairaland Forum / Science/Technology / Webmasters / HTML Tutorial For The Absolute Beginner - Thread (673 Views)

Web Application Development Training For Absolute Beginner / Learn Web Design For The Absolute Beginners / Get Free Traffic To Your Website Absolute Free (2) (3) (4)

(1) (Reply)

HTML Tutorial For The Absolute Beginner - Thread by TellMoreBlog: 7:20am On Jan 15, 2019
HTML Tutorial
HTML stands for Hyper Text Markup Language, which is the most widely used language on Web to develop web pages.

HTML was created by Berners-Lee in late 1991 but "HTML 2.0" was the first standard HTML specification which was published in 1995. HTML 4.01 was a major version of HTML and it was published in late 1999. Though HTML 4.01 version is widely used but currently we are having HTML-5 version which is an extension to HTML 4.01, and this version was published in 2012.

This tutorial is designed for the aspiring Web Designers and Developers with a need to understand the HTML in enough detail along with its simple overview, and practical examples. This tutorial will give you enough ingredients to start with HTML from where you can take yourself at higher level of expertise.

Before proceeding with this tutorial you should have a basic working knowledge with Windows or Linux operating system, additionally you must be familiar with:

Experience with any text editor like notepad, notepad++, Editplus or (Quickedit for Android) etc.
How to create directories and files on your computer or Android device.
How to navigate through different directories.
How to type content in a file and save them on a computer.
Understanding about images in different formats like JPEG, PNG format.

<!DOCTYPE html>
<html>
<body>
<h1>Hello World!</h1>
</body>
</html>
Re: HTML Tutorial For The Absolute Beginner - Thread by TellMoreBlog: 7:33am On Jan 15, 2019
HTML Overview
HTML stands for Hypertext Markup Language, and it is the most widely used language to write Web Pages.

· Hypertext refers to the way in which Web pages (HTML documents) are linked together. Thus the link available on a webpage are called Hypertext.

· As its name suggests, HTML is a Markup Language which means you use HTML to simply "mark up" a text document with tags that tell a Web browser how to structure it to display.

Originally, HTML was developed with the intent of defining the structure of documents like headings, paragraphs, lists, and so forth to facilitate the sharing of scientific information between researchers.

Now, HTML is being widely used to format web pages with the help of different tags available in HTML language.

Basic HTML Document
In its simplest form, following is an example of an HTML document:

<!DOCTYPE html>

<html>

<head>

<title>This is document title</title>

</head>

<body>

<h1>This is a heading</h1>

<p>Document content goes here.....</p>

</body>

</html>

Save it in an HTML file test.html using your favorite text editor. Finally open it using a web browser like Internet Explorer or Google Chrome, or Firefox etc.

HTML Hello World
HTML Tags
As told earlier, HTML is a markup language and makes use of various tags to format the content. These tags are enclosed within angle braces <Tag Name>. Except few tags, most of the tags have their corresponding closing tags. For example <html> has its closing tag </html> and <body> tag has its closing tag </body> tag etc.

Above example of HTML document uses folloiwng tags:

Tag

Description

<!DOCTYPE...>

This tag defines the document type and HTML version.

<html>

This tag encloses the complete HTML document and mainly comprises of document header which is represented by<head>...</head> and document body which is represented by <body>...</body> tags.

<head>

This tag represents the document's header which can keep other HTML tags like <title>, <link> etc.

<title>

The <title> tag is used inside the <head> tag to mention the document title.

<body>

This tag represents the document's body which keeps other HTML tags like <h1>, <div>, <p> etc.

<h1>

This tag represents the heading.

<p>

This tag represents a paragraph.

To learn HTML, you will need to study various tags and understand how do they behave while formatting a textual document. Learning HTML is simple as users have to learn the usage of different tags in order to format the text or images to make a beautiful webpage.

World Wide Web Consortium (W3C) recommends to use lowercase tags starting from HTML 4.

HTML Document Structure
A typical HTML document will have following structure:

Document declaration tag
<html>
<head>
Document header related tags
</head>

<body>
Document body related tags
</body>
</html>
We will study all the header and body tags in subsequent chapters, for now let's see what is document declaration tag.

The <!DOCTYPE> Declaration
The <!DOCTYPE> declaration tag is used by the web browser to understand the version of the HTML used in the document. Current version of HTML is 5 and it makes use of the following declaration:

<!DOCTYPE html>

There are many other declaration types which can be used in HTML document depending on what version of HTML is being used. We will see more details on this while discussing <!DOCTYPE...> tag along with other HTML tags.

1 Like

(1) (Reply)

Adsense Approval Now Takes Up To 14 Days / Extraok.com.ng / The Best Ways To Increase Your Blog's Speed

(Go Up)

Sections: politics (1) business autos (1) jobs (1) career education (1) romance computers phones travel sports fashion health
religion celebs tv-movies music-radio literature webmasters programming techmarket

Links: (1) (2) (3) (4) (5) (6) (7) (8) (9) (10)

Nairaland - Copyright © 2005 - 2024 Oluwaseun Osewa. All rights reserved. See How To Advertise. 18
Disclaimer: Every Nairaland member is solely responsible for anything that he/she posts or uploads on Nairaland.