Comprehensive Hypertext Markup Language (HTML).: A Tutorial Guide to Editing and Developing a Responsive and Dynamic Website for Beginners.

COMPREHENSIVE HTML

  (HYPER TEXT MARK-UP LANGUAGE).

A Tutorial Guide to Editing and Developing a responsive and Dynamic Website for Beginners.

ALL RIGHTS RESERVED

No part of this publication may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, electronic, mechanical, photocopying, recording, or otherwise, without the prior written permission of the copyright holder.

Copyright © IBRAHIM N.A

First Published, 2022

 C:\Users\Test\Pictures\logo\logo 1.png

Noogul Digital Publishing

Audience

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.

Prerequisites

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++, or Edit plus etc.

How to create directories and files on your computer.

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.

Contents

COMPREHENSIVE HTML

Audience

SECTION 1

INTRODUCTION TO HYPERTEXT MARKUP LANGUAGE

HTML History

HTML Multimedia

Web Browsers

Step 1: Open Notepad

Step 3: Save the HTML Page

Step 4: View HTML Page in Your Browser

HTML Headings

Headings Are Important

Only use HTML headers as headings. Avoid using headers to enlarge or bold text.

Search engines index the structure and content of your web pages using the headers.

Users scan the headlines on your website. Using headers to display the document's structure is crucial.

The primary headings, or h1, should come first, then h2 headings, h3 headings, and so on.

HTML Paragraphs

HTML Links

HTML Images

Nested HTML Elements

HTML Example Explained

Don't Forget the End Tag

Empty HTML Elements

HTML Tip: Use Lowercase Tags

The lang Attribute

The title Attribute

The href Attribute

Size Attributes

The alt Attribute

Using  Lowercase Attributes

Quoting  Attribute Values

Single or Double Quotes?

HTML Horizontal Rules

The HTML Element

The HTML

The HTML Element

More Meta Elements

2.0  HTML DISPLAY

HTML Line Breaks

The HTML

 Element 

HTML Styling

The HTML Style Attribute

HTML Text Color

HTML Fonts

HTML Text Size

HTML Text Alignment

HTML Formatting Elements

HTML Bold and Strong Formatting

HTML Italic and Emphasized Formatting

HTML Small Formatting

HTML Marked Formatting

HTML Inserted Formatting

HTML Subscript Formatting

HTML Superscript Formatting

HTML for Short Quotations

HTML

for Long Quotations

HTML for Work Title

HTML for Bi-Directional Override

SECTION 3

HTML Table Example

HTML Table Tags

HTML Form Elements

The pattern Attribute

Example

SECTION 6

HTML5

HTML Character Sets

In the Beginning: ASCII

In Windows: ANSI

In HTML 4: ISO-8859-1

Example

In HTML5: Unicode UTF-8

The Unicode Consortium

The Unicode Character Sets

The HTML5 Standard: Unicode UTF-8

Example

The Difference Between Unicode and UTF-8

HTML5 UTF-8 Character Codes

UTF-8 C0 Controls and Basic Latin

UTF-8 C1 Controls and Latin1 Supplement

UTF-8 Latin Extended A

UTF-8 General Punctuation

HTML Semantic Elements

New HTML5 Elements

New HTML5 API's (Application Programming Interfaces)

HTML5 New Elements

HTML5

Semantic Elements in HTML5

HTML5 Canvas

HTML5 SVG

HTML5 Video Tags

HTML5 Video Example 2

HTML5 Audio

HTML Audio - How It Works

HTML Audio - Browser Support

HTML Audio - Media Types

HTML Audio - Methods, Properties, and Events

HTML5 Audio Tags

HTML Plug-ins

HTML YouTube Videos

HTML5 Geolocation

HTML5 Drag and Drop

HTML5 Local Storage

HTML5 Application Cache

HTML5 Web Workers

HTML5 Server-Sent Events

HTML Summary

SECTION 1

1. INTRODUCTION TO HYPERTEXT MARKUP LANGUAGE

Hypertext Markup Language (HTML), a set of logical codes (markup) in parentheses, controls the appearance and content of web documents. This language may be used to create static web pages. It describes how the web page's contents are organized. Both HTML and html are equal since HTML is a case-insensitive language.

HTML stands for HyperText Markup Language. HTML may be likened to our webpage's content plus some extra information that alerts the browser to the content.

For instance, it might include instructions on how to navigate between web pages, organize the content, or display the page. In the following chapter of this book, we'll begin learning how to write our own HTML. For the time being, the most important lesson to learn is that HTML is used to format a webpage's content so that web browsers can understand it.

Hypertext refers to the connecting of Web pages (HTML documents). Thus, hypertext refers to a link on a website.

HTML is a markup language that describes the structure of your content. You may use the many components that make up HTML to enclose or surround certain pieces of material to change how it looks or acts. The surrounding tags may do a variety of things, such as italicize words, change the font size, connect a phrase or an image to another page, and more.

To make it simpler for academics to communicate scientific data, HTML was first developed with the intention of defining the structure of documents, including headings, paragraphs, lists, and other features.

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

HTML History

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

The World Wide Web was created in 1989 by Tim Berners-Lee, and the 1990s saw the rapid growth of the Internet. HTML evolved from version 1 to version 4 between 1991 and 1998. The World Wide Web Consortium (W3C) suggested XHTML 1.0 in 2000.

Because of the stringent XHTML syntax, programmers were compelled to produce well-formed code. WHATWG (Web Hypertext Application Technology Working Group) was established in 2004 in reaction to the W3C's sluggish progress and decision to discontinue HTML development in favor of XHTML.

WHATWG sought to create HTML that was both forward-compatible with earlier versions of HTML and consistent with how the web was used. The main browser makers backed the WHATWG effort between 2004 and 2006.

W3C declared their support for WHATWG in 2006. The first HTML5 public draft was made available in 2008, and WHATWG and W3C agreed to separate in 2012:

WHATWG will develop HTML as a Living Standard.

A living standard is always being updated and enhanced, never being totally realized. Old functionality cannot be deleted but new ones may be introduced.

The 2012 publication of the WHATWG Living Standard includes ongoing updates.

Development of  HTML5 and XHTML5 standard, as a snapshot of WHATWG.

The W3C HTML5 recommendation was released 28. October 2014.