Online Computer Course Join Now
Software Engineering Course | Duration: 1 Year | Fees: 1500/- Monthly | Learn 25+ Language | Call / WhatsApp: +91 9650597419 (Vinay Sir) | Address: Sec - 36, Narsinghpur, Gurugram, Haryana
All Computer Notes | Practice Assignment | Hindi & English Medium Computer PDF Notes | Computer eBooks | Call / WhatsApp: +91 9650597419 (Vinay Sir) Grow Your Coaching Business 10x with your own coaching app | अपने नाम से Teaching App बनवायें | Call / WhatsApp: +91 9650597419 (Vinay Sir)
1. CCC PDF Notes Buy Now
2. Basic Computer PDF Notes Buy Now
3. DCA PDF Notes Buy Now
4. ADCA PDF Notes Buy Now
5. PGDCA PDF Notes Buy Now
6. MS Office PDF Notes Buy Now
7. MS Word PDF Notes Buy Now
8. MS Excel PDF Notes Buy Now
9. Adv. Excel PDF Notes Buy Now
10. MS PowerPoint PDF Notes Buy Now
11. Internet PDF Notes Buy Now
12. Tally Prime PDF Notes Buy Now
13. HTML PDF Notes Buy Now
14. CSS PDF Notes Buy Now
15. Java Script PDF Notes Buy Now
16. C language PDF Notes Buy Now
17. C++ PDF Notes Buy Now
18. J Query PDF Notes Buy Now
19. WordPress PDF Notes Buy Now
20. PHP PDF Notes Buy Now
21. VBA Macro PDF Notes Buy Now
22. Python PDF Notes Buy Now
23. Android PDF Notes Buy Now
24. Digital Marketing PDF Notes Buy Now
25. Computer Repair PDF Notes Buy Now

1. Introduction to HTML

What is HTML?

HTML is a markup language which is used for creating attractive web pages with the help of styling and which looks in a nice format on a web browser.

An HTML document is made of many HTML tags and each HTML tag contains different content.

HTML stands for Hyper Text Markup Language.

HTML is the standard markup language for creating web pages.

HTML describes the structure of a web page.

HTML elements tell the browser how to display the content.

 

Let’s see a simple example of HTML.

<!DOCTYPE html>

<html>

<head>

<title>

My first website

</title>

</head>

<body>

<h1>My first heading</h1>

<p>My first paragraph.</p>

</body>

</html>

Example explained

·         The <!DOCTYPE html> declaration defines that this document is an HTML 5 document.

·         The <html> element is the root element of an HTML Page.

·         The <head> element contains meta information about the HTML page.

·         The <title> element specifies a title for the HTML page (which is shown in the browser’s title bar or in the page’s tab)

·         The <body> element defines the document’s body and is a container for all the visible contents, such as headings, paragraphs, images, hyperlinks, tables, lists etc.

·         The <h1> element defines a large heading.

·         The <p> element defines a paragraph.

      What is an HTML element?

An HTML element is defined by a starting tag, some content and an ending tag.

A text surrounded by angle brackets is known as tag.

Text – HTML, body

Tag - <html>, <body>

Uses of tags

Tags are used to display our contents on webpage and it also defines the place of our contents.

A tag starts with <> and end with </>

<tagname>Write some content</tagname>

A start tag also called opening tag and close tag also called ending tag.

A tag must be closed with </> brackets.

A tag marked our content to display them on web page

Example:

<h1>My first heading</h1>

<p>My first paragraph.</p>


How to start coding in HTML?

·         Open notepad

·         Write your HTML code

·         Then save as

·         Anyname.html


Basic Structure of HTML

<html>

<head>

<title>

My first website

</title>

</head>

<body>

Hello World

</body>

</html>


Brief history of HTML

In the late 1980’s, a physicist Tim Berners Lee, who was a contractor at CERN, proposed a system for CERN researchers. In 1989, he wrote a memo proposing an internet based hypertext system.

Tim Berners Lee is known as the father of HTML. The first available description of HTML was a document called “HTML Tags” proposed by Tim in late 1991. The latest version of HTML is HTML5.


HTML Versions

Since the time, HTML was invented there are lots of HTML versions in market.

The brief introduction about the HTML version is given below

·         HTML1.0 – The first version of HTML was 1.0, which was the barebones version of HTML Language and it was released in 1991.

·         HTML2.0 – This was the next version, which was released in 1995, and it was standard language version for website design. HTML 2.0 was able to support extra features such as form based file upload, form elements such as text box, option button etc.

·         HTML3.2 – HTML 3.2 version was published by W3C in early 1997. This version was capable of creating tables and providing support for extra options for form elements. It can also support a web page with complex mathematical questions. It became an official standard for any browser till January 1997. Today it is practically supported by most of the browsers.

·         HTML4.01 – HTML4.01 version was released on December 1999, and it is a very stable version of HTML language. This version is the current official standard, and it provides added support for stylesheet (CSS) and scripting ability for various multimedia elements.

·         HTML5 – HTML5 is the newest version of HTML. The first draft of this version was announced in January 2008. There are two major organization one in

W3C (World Wide Web Consortium), and another one is WHATWG (Web Hypertext Application Technology Working Group) which are involved in the development of HTML5 version.


Features of HTML

·         It is a very easy and simple language. It can be easily understood and modified.

·         It is very easy to make an effective presentation with HTML because it has a lot of formatting tags.

·         It is a markup language, so it provides a flexible way to design web pages along with the text.

·         It is platform - independent because it can be displayed on any platform like Windows, Linux and Macintosh etc. 

·         HTML is a case – sensitive language, which means we can use tags either in lower – case and upper – case.

 

Building blocks of HTML

An HTML document consists of its basic building blocks which are:

·         Tags: An HTML tag surrounds the content and applies meaning to it. It is written between < and > brackets.

·         Attributes: An attribute in HTML provides extra information about the element, and it is applied within the start tag. An HTML attribute contains two fields: name and value.

 

Syntax

<tag name attribute name= “attribute value”> Content</tag name>

·         Elements: An HTML element is an individual component of an HTML file. In an HTML file, everything written within tags are termed as HTML elements.


<!DOCTYPE html>

<html>

<head>

<title>

My first website

</title>

</head>

<body>

<h1>Heading tag</h1>

<p>vinaytips.com is a computer education related website</p>

<p style = “color:red”>vinaytips.com is a computer education related website</p>

</body>

</html>

If you like this, then share with your friends. 

Thanks for Reading.

Post a Comment

0 Comments

All Computer Notes

Basic Computer Notes
1.Basic Computer Notes in English
2.Basic Computer Notes in Hindi
3.Computer Related Full Form
4.Computer Shortcut Keys
5.Keyboard Symbols Name
MS Word Notes in Hindi
1.MS Word Practical Notes
2.Chapter1: Introduction to MS Word
3.Chapter 2: Some Basic Point of MS Word
4.Chapter3 : MS Word - File Menu
5.Chapter 4: MS Word - Home Menu
6.Chapter 5: MS Word - Insert Menu
6.Chapter 5: MS Word - Insert Menu
7.Chapter 6: MS Word - Page Layout Menu
8.Chapter 7: MS Word - References Menu
9.Chapter 8: MS Word - Mailing Menu
10.Chapter 9: MS Word - Review Menu
11.Chapter 10: MS Word - View Menu
MS Word Notes in English
1.Chapter1: MS Word Home Menu
2.Chapter2: MS Word Insert Menu
3.Chapter3: MS Word Page Layout Menu
4.Chapter4: MS Word References Menu
5.Chapter5: MS Word Mailings Menu
6.Chapter6: MS Word Review Menu
7.Chapter7: MS Word View Menu
MS Excel Notes in Hindi
1.Chapter1: Introduction to MS Excel
2.Chapter2: MS Excel Home Menu
3.Chapter3: MS Excel Insert Menu
4.Chapter4: MS Excel Page Layout Menu
5.Chapter5: MS Excel Data Menu
6.Chapter6: MS Excel Review Menu
7.Chapter7: MS Excel View Menu
MS Excel Notes in English
1.Chapter1: Introduction to MS Excel
2.Chapter2: MS Excel Home Menu
3.Chapter3: MS Excel Insert Menu
4.Chapter4: MS Excel Page Layout Menu
5.Chapter5: MS Excel Data Menu
6.Chapter6: MS Excel Review Menu
7.Chapter7: MS Excel View Menu
MS PowerPoint Notes in English
1.Chapter1: Introduction to MS MS PowerPoint
2.Chapter2: MS PowerPoint Home Menu
3.Chapter3: MS PowerPoint Insert Menu
4.Chapter4: MS PowerPoint Design Menu
5.Chapter5: MS PowerPoint Transitions Menu
6.Chapter6: MS PowerPoint Animations Menu
7.Chapter7: MS PowerPoint Slide Show Menu
8.Chapter8: MS PowerPoint Review Menu
9.Chapter9: MS PowerPoint View Menu
MS PowerPoint Notes in Hindi
1.Chapter1: Introduction to MS PowerPoint
2.Chapter2: MS PowerPoint Home Menu
3.Chapter3: MS PowerPoint Insert Menu
4.Chapter4: MS PowerPoint Design Menu
5.Chapter5: MS PowerPoint Transitions Menu
6.Chapter6: MS PowerPoint Animations Menu
7.Chapter7: MS PowerPoint Slide Show Menu
8.Chapter8: MS PowerPoint Review Menu
9.Chapter9: MS PowerPoint View Menu
MS Excel Formula Notes
1.How to Add in Excel
2.How to Subtract in Excel
3.How to Multiply in Excel
4.How to Divide in Excel
5.MAX Formula in Excel
6.MIN Formula in Excel
7.ROMAN Formula in Excel
8.SQRT Formula in Excel
9.POWER Formula in Excel
10.LCM Formula in Excel
11.GCD Formula in Excel
12.FACT Formula in Excel
13.LOWER Formula in Excel
14.UPPER Formula in Excel
15.PROPER Formula in Excel
16.LEFT Formula in Excel
17.RIGHT Formula in Excel
HTML Notes
Chapter 1 : Introduction to HTML
Chapter 2 : HTML Versions
Chapter 3 : HTML DOCTYPE Declaration
Chapter 4 : HTML Attributes
Chapter 5 : HTML Heading Tag
Chapter 6 : HTML Text Formatting Tag
Chapter 7 : HTML Anchor Tag
Chapter 8 : HTML Image Tag
Chapter 9 : HTML List Tag
Chapter 10 : HTML Table Tag
Chapter 11 : HTML Marquee Tag
Chapter 12 : HTML Preformatted & Horizontal Tag
Chapter 13 : HTML Image Tag
Chapter 14 : HTML Anchor Tag
Chapter 15 : HTML Audio Tag
Chapter 16 : HTML Video Tag
Chapter 17 : HTML Iframe Tag
Chapter 18 : HTML Form Tag
Chapter 19 : HTML Website Layout
Online Computer Course Join Now
Computer PDF Notes | E-books | Practice Assignments | Project File | Call / WhatsApp: +91 9650597419 (Vinay Sir)
1. CCC PDF Notes Buy Now
2. Basic Computer PDF Notes Buy Now
3. DCA PDF Notes Buy Now
4. ADCA PDF Notes Buy Now
5. PGDCA PDF Notes Buy Now
6. MS Office PDF Notes Buy Now
7. MS Word PDF Notes Buy Now
8. MS Excel PDF Notes Buy Now
9. Adv. Excel PDF Notes Buy Now
10. MS PowerPoint PDF Notes Buy Now
11. Internet PDF Notes Buy Now
12. Tally Prime PDF Notes Buy Now
13. HTML PDF Notes Buy Now
14. CSS PDF Notes Buy Now
15. Java Script PDF Notes Buy Now
16. C language PDF Notes Buy Now
17. C++ PDF Notes Buy Now
18. J Query PDF Notes Buy Now
19. WordPress PDF Notes Buy Now
20. PHP PDF Notes Buy Now
21. VBA Macro PDF Notes Buy Now
22. Python PDF Notes Buy Now
23. Android PDF Notes Buy Now
24. Digital Marketing PDF Notes Buy Now
25. Computer Repair PDF Notes Buy Now