🔥Limited Offer: Get 50% OFFon AI & Full Stack Courses🔥
All Subjects
Free · 78 Topics · No Signup

HTML Notes

Structure, semantics, forms and accessibility for the modern web — written by CodingNow 2.0's mentors. Free to read, structured to actually help you learn.

HTML notes by CodingNow 2.0 cover 78 topics — from html home to html sse — each explained with short definitions, syntax and runnable code examples. They are 100% free, need no signup, and work as quick revision for college exams, HTML interviews and CodingNow 2.0's mentor-led HTML course in Pitampura, Delhi.

No notes found. Try a different search term, or browse all HTML notes.

HTML Tutorial

59 of 59 topics published
1

HTML HOME

HTML is the standard markup language for Web pages.

2

HTML Introduction

HTML is the standard markup language for creating Web pages.

3

HTML Editors

A simple text editor is all you need to learn HTML.

4

HTML Basic

In this chapter we will show some basic HTML examples.

5

HTML Elements

An HTML element is defined by a start tag, some content, and an end tag.

6

HTML Attributes

HTML attributes provide additional information about HTML elements.

7

HTML Headings

HTML headings are titles or subtitles that you want to display on a webpage.

8

HTML Paragraphs

A paragraph always starts on a new line, and is usually a block of text.

9

HTML Styles

The HTML style attribute is used to add styles to an element, such as color, font, size, and more.

10

HTML Formatting

HTML contains several elements for defining text with a special meaning.

11

HTML Quotations

In this chapter we will go through the <blockquote , <q , <abbr , <address , <cite , and <bdo HTML elements.

12

HTML Comments

HTML comments are not displayed in the browser, but they can help document your HTML source code.

13

HTML Colors

HTML colors are specified with predefined color names, or with RGB, HEX, HSL, RGBA, or HSLA values.

14

RGB

An RGB color value represents RED, GREEN, and BLUE light sources.

15

HEX

A hexadecimal color is specified with: RRGGBB, where the RR (red), GG (green) and BB (blue) hexadecimal integers specify the components of the color.

16

HSL

HSL stands for hue, saturation, and lightness.

17

HTML CSS

CSS saves a lot of work. It can control the layout of multiple web pages all at once.

18

HTML Links

Links are found in nearly all web pages. Links allow users to click their way from page to page.

19

Link Colors

An HTML link is displayed in a different color depending on whether it has been visited, is unvisited, or is active.

20

Link Bookmarks

HTML links can be used to create bookmarks, so that readers can jump to specific parts of a web page.

21

HTML Images

Images can improve the design and the appearance of a web page.

22

Image Map

With HTML image maps, you can create clickable areas on an image.

23

Background Images

A background image can be specified for almost any HTML element.

24

The Picture Element

The HTML <picture element allows you to display different pictures for different devices or screen sizes.

25

HTML Project

Complete each step in the editor and watch the result as your page takes shape.

26

HTML Favicon

A favicon is a small image displayed next to the page title in the browser tab.

27

HTML Page Title

Every web page should have a page title to describe the meaning of the page.

28

HTML Tables

HTML tables allow web developers to arrange data into rows and columns.

29

Table Borders

HTML tables can have borders of different styles and shapes.

30

Table Sizes

HTML tables can have different sizes for each column, row or the entire table.

31

Table Headers

HTML tables can have headers for each column or row, or for many columns/rows.

32

Padding & Spacing

HTML tables can adjust the padding inside the cells, and also the space between the cells.

33

Colspan & Rowspan

HTML tables can have cells that span over multiple rows and/or columns.

34

Table Styling

If you add a background color on every other table row, you will get a nice zebra stripes effect.

35

Table Colgroup

The <colgroup element is used to style specific columns of a table.

36

HTML Lists

HTML lists allow web developers to group a set of related items in lists.

37

Unordered Lists

The HTML <ul tag defines an unordered (bulleted) list.

38

Ordered Lists

The HTML <ol tag defines an ordered list. An ordered list can be numerical or alphabetical.

39

Other Lists

A description list is a list of terms, with a description of each term.

40

HTML Block & Inline

Every HTML element has a default display value, depending on what type of element it is.

41

HTML Div

The <div element is used as a container for other HTML elements.

42

HTML Classes

The HTML class attribute is used to specify a class for an HTML element.

43

HTML Id

The HTML id attribute is used to specify a unique id for an HTML element.

44

HTML Buttons

Buttons let users interact with a web page. They can submit forms, run JavaScript, or trigger different actions when clicked.

45

HTML Iframes

An HTML iframe is used to display a web page within a web page.

46

HTML JavaScript

JavaScript makes HTML pages more dynamic and interactive.

47

HTML File Paths

A file path describes the location of a file in a web site's folder structure.

48

HTML Head

The HTML <head element is a container for the following elements: <title , <style , <meta , <link , <script , and <base .

49

HTML Layout

Websites often display content in multiple columns (like a magazine or a newspaper).

50

HTML Responsive

Responsive web design is about creating web pages that look good on all devices!

51

HTML Computercode

HTML contains several elements for defining user input and computer code.

52

HTML Semantics

Semantic elements = elements with a meaning.

53

HTML Style Guide

Consistent, clean, and tidy HTML code makes it easier for others to read and understand your code.

54

HTML Entities

Reserved characters in HTML must be replaced with entities:

55

HTML Symbols

Symbols or letters that are not present on your keyboard can be added to HTML using entities.

56

HTML Emojis

Emojis look like images, but they are not.

57

HTML Charsets

To display an HTML page correctly, a web browser must know which character set to use.

58

HTML URL Encode

A URL can be composed of words (e.g. w3schools.com), or an Internet Protocol (IP) address (e.g. 192.68.20.50).

59

HTML vs. XHTML

XHTML is a stricter, more XML-based version of HTML.

Ready to go from notes to a real career?

Join CodingNow 2.0's HTML course — live mentorship, hands-on projects, and 100% placement support in Delhi NCR.

Enroll Now — Free Demo Available

HTML Notes – FAQs

What students search before reading HTML notes.

Yes — all 78 HTML topics on CodingNow 2.0 are completely free with no signup or paywall. Read them in the browser on mobile or desktop.
This hub covers 78 structured HTML topics — from absolute basics to advanced, interview-ready concepts — each with short explanations and working code examples.
The notes are written to be self-study friendly, but for job-ready skills, projects and placement support, CodingNow 2.0's mentor-led HTML course in Delhi (online + classroom) is the fastest path.
Yes. Each topic is concise and example-driven — ideal for last-minute revision before college exams, campus placements and HTML job interviews in India.
Working AI/ML engineers and full-stack developers from Coding Now Tech Institute Gurukul of AI, Pitampura Delhi, aligned with our 2026 course curriculum.
WhatsApp
Call NowEnroll Now