Front-end Development School

Introduction Of HTML5

By JD Ahmad05:17:00No comments

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

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>

Example Explained

The DOCTYPE declaration defines the document type to be HTML
The text between <html> and </html> describes an HTML document
The text between <head> and </head> provides information about the document
The text between <title> and </title> provides a title for the document
The text between <body> and </body> describes the visible page content
The text between <h1> and </h1> describes a heading
The text between <p> and </p> describes a paragraph

Using this description, a web browser can display a document with a heading and a paragraph.

HTML tags

HTML tags are keywords (tag names) surrounded by angle brackets:

<tagname>content</tagname>

HTML tags normally come in pairs like <p> and </p>
The first tag in a pair is the start tag, the second tag is the end tag
The end tag is written like the start tag, but with a slash before the tag name

Web Browser

The purpose of a web browser (Chrome, IE, Firefox, Safari) is to read HTML documents & display them.

The browser does not display the HTML tags, but makes use of them to select how to display the document:

Introduction Of HTML5

The <!DOCTYPE> Declaration

The <!DOCTYPE> declaration helps the browser to display a web page correctly.

There's different document types on the net.

To display a document correctly, the browser must know both type & version.

The doctype declaration is not case sensitive. All cases are acceptable:

<!DOCTYPE html>

<!DOCTYPE HTML>

<!doctype html>

<!Doctype Html>

HTML VERIONS

Since the early days of the web, there have been many versions of HTML:

Version Year

HTML 1991

HTML 2.0 1995

HTML 3.2 1997

HTML 4.01 1999

XHTML 2000

HTML5 2014

HTML(5) Tutorial

By JD Ahmad04:55:00No comments

With HTML you can generate your own Website.

This tutorial teaches you everything about HTML.

HTML is simple to learn - You will enjoy it.

Examples in Every Chapter

This HTML tutorial contains hundreds of HTML examples.
With our online HTML editor, you can edit the HTML, & click on a button to view the result.

Example

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

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

HTML Examples

At the finish of the HTML tutorial, you can find over 200 examples.

With our online editor, you can edit and check each example yourself.

Front-end & Back-end Developer Difference

By JD Ahmad00:07:001 comment

Front-end & Back-end

In application engineering, the terms "front end" & "back end" are distinctions which refer to the separation of concerns between a presentation layer as well as a information access layer respectively.

The front finish is an interface between the user & the back finish. The back & front ends may be distributed amongst or more systems.

In application design, for example, the model-view-controller architecture provides back & front ends for the database, the user & the information processing parts. The separation of application systems in to back & front ends simplifies development & separates maintenance. A rule of thumb is that the front (or "client") side is any part manipulated by the user. The server-side (or "back end") code resides on the server. The confusion arises when must make front-end edits to server-side files. Most HTML designers, for example, need not be on the server when they are developing the HTML; conversely, the server-side engineers are, by definition, never on anything but a server. It takes both to ultimately make a functioning, interactive website.

In application architecture, there may be plenty of layers between the hardware & finish user. Each can be spoken of as having a front finish as well as a back finish. The front is an abstraction, simplifying the underlying part by providing a user-friendly interface.

Using the command-line interface (CLI) requires the acquisition of special terminology & memorization of commands, so a graphical user interface (GUI) acts as a front finish desktop surroundings in lieu. In the Unix surroundings, ncurses is an simpler, semi-graphical front finish to the CLI. At the level of the Unix CLI itself, most byte stream-oriented (that is, using stdin/stdout/stderr as their interface) programs act as filters standalone programs that can also serve as front ends & back ends to other programs. (They function by piping information between themselves, mostly for text processing; for example: $ grep word ~user/dir/infile | sort | tee ~user/dir/outfile)

For major computer subsystems, a graphical file manager is a front finish to the computerâ's file technique, as well as a shell interfaces with the operating technique. The front finish faces the user, & the back finish launches the programs of the operating technique in response.

In network computing, front finish can refer to any hardware that optimizes or protects network traffic. It is called application front-end hardware because it is placed on the network's outward-facing front finish or boundary. Network traffic passes through the front-end hardware before entering the network.

Front-end Development School