Scribd
Upload
22 views

HTML Notes

Uploaded by

vansh555pal
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
22 views

HTML Notes

Uploaded by

vansh555pal
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 6

HTML

HTML is the abbreviation for Hyper Text Markup Language. It’s a markup language and is used to
construct web pages. HTML is a markup language that integrates hypertext & markup. The term
“hypertext” refers to the connection between online pages. The text document within the tags that
specifies the structure of web pages is produced using a markup language. This language is used to
annotate (add notes to) text so that a computer can comprehend it and alter it appropriately. The
majority of markup languages (such as HTML) are understandable by humans. Tags are used in the
language to specify what type of text processing is required.

Types of editors
Two different types can be distinguished,
1.text-based HTML editors,
2. WYSIWYG editors.
Text-based HTML editors
This HTML editor format assumes that you are familiar with HTML and know
how to use HTML tags. Good, text-based editors also include a correction
function, which highlights syntax errors in colour. Some programs can also be
used with an autocomplete function.
WYSIWYG editors
A WYSIWYG editor is also suitable for users without HTML knowledge. The
acronym "WYSIWYG" stands for “what you see is what you get” and expresses
exactly what such an HTML editor does. With it, you can edit the HTML code in
the layout of the corresponding website. The editor converts all entries directly
into HTML or CSS. The functions are similar to popular office programs.
Changes to the text or images are visible right after editing. WYSIWYG editors
are used for CMS and blog systems like WordPress or Joomla, for example.
Free HTML editors
• Netbeans:
• Notepad ++:
• phase 5:
• NVU:
• Google Web Designer: MANY MORE
• Atom
• Sublime Text
• Visual Studio code etc.

Paid providers
• Adobe Dreamweaver: This editor is one of the most popular programs for professional users.

• Corel Draw - Graphics Suite: The Graphics Suite Corel is similar to Adobe Dreamweaver and
is a powerful program for web designers and developers.

• RapidWeaver: This editor is suitable for iOs and also for usable for hobbyists.

• Froala.

• CoffeeCup etc.

How to write tag.


HTML tags are commonly used to refer to HTML markup tags.

• HTML tags are keywords surrounded by angle brackets like

• HTML tags normally come in pairs like and

• The start tag is the first in a pair, while the end tag is the second.

• Start and end tags are sometimes known as opening and closing tags.

HTML Documents = Web Pages

• HTML documents describe web pages

• HTML scripts are made up of both HTML tags and plain text.

• HTML codes are also known as web pages.

A web browser (such as Internet Explorer or Firefox, Google ) is designed to read HTML texts and
display them as web pages. The HTML tags are not displayed by the browser, but they are used to
comprehend the page’s content: Example Explained

– The text between and describes the web page

– The text between and is the visible page content

– The text between and is displayed as a heading

– The text between and is displayed as a paragraph

File extensions: The file extensions ‘.htm’ and ‘.html’ correspond to HTML files.
HTML Page Structure

The basic structure of an HTML page is shown below. It contains the essential building-block
elements.
• <!DOCTYPE html> – This is the document type declaration (not technically a tag). It declares
a document as being an HTML document. The doctype declaration is not case-sensitive.

• <html> – This is called the HTML root element. All other elements are contained within it.

• <head> – The head tag contains the “behind the scenes” elements for a webpage. Elements
within the head aren’t visible on the front end of a webpage. HTML elements used inside the
<head> element include:

• <title> – The title is what is displayed on the top of your browser


when you visit a website and contains the title of the webpage that
you are viewing.
• <link> – The ‘link’ tag is used to tie together HTML Pages.
• <body> – The body tag is used to enclose all the visible content of
a webpage. In other words, the body content is what the browser
will show on the front end.

HTML History

HTML is a markup language used by the browser to manipulate text, images, and other content, in
order to display it in the required format. HTML was created by Tim Berners-Lee in 1991. The first-
ever version of HTML was HTML 1.0, but the first standard version was HTML 2.0, published in 1995.

Currently, we are using HTML5, which is the latest and most recent version of HTML.

5.5 version
Pros and cons of HTML

Pros of using HTML include:

• Is widely adopted with a large amount of resources available.

• Is natively run on every browser.

• Is relatively easy to learn.


• Has a clean and consistent source code.

• Is open source and free to use.

• Can be integrated with other backend programming languages such as PHP, c, CSS, c++, etc.

A few cons to consider are:

• Does not have very dynamic functionality and is mainly used for static web pages.

• All components must be created separately even if they use similar elements.

• Browser behaviour can be unpredictable. For example, older browsers may not be
compatible with newer features.

HTML Tags

You might also like