HTML Tutorial for Beginners

HTML Tutorial for Beginners
Written by anjali

HTML Tutorial for Beginners

HTML is the preferred markup language for Web pages is HTML.


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

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




1.Hyper Text Markup Language is what HTML stands for.
2.The preferred markup language for building Web pages is HTML.
3.HTML explains how a Web page is put together.
4.There are several different elements in HTML.
5.HTML elements identify different types of material, such as “this is a heading,” “this is a paragraph,” “this is a link,” etc.

Using Notepad or TextEdit, learn HTML

Step 1: Open Notepad (PC)

Windows 8

Launch the Start Menu (the window symbol at the bottom left on your screen). in Notepad.

Step 2: HTML Code

<!DOCTYPE html>

<h1>My First Heading</h1>

<p>My first paragraph.</p>


Step 3: Save the HTML Page

On your PC, save the file.Select File > Save as in the Notepad menu.

Step 4:The HTML page can be viewed on your browser.

Open the HTML file you saved in your preferred browser (double click on the file, or right-click – and choose “Open with”).

HTML Headings

The H1 to H6 tags  are used to define headings.

HTML Paragraphs

The <p> tag in HTML defines paragraphs:

HTML Links

The <a> tag is used to define links in HTML.


Also About:HTML


<h1> Heading</h1>

Nested Elements

Four HTML elements are used in the sample below (<html><body><h1> and <p>)


1.Every element in HTML can have attributes.
2.Additional information about elements is provided by attributes.
3.Always specify attributes in the start tag.
4.The standard format for attributes is name=”value”

href Attribute

A hyperlink is defined using the <a> tag.

src Attribute

An image can be included in an HTML page using the <img> tag.

Background Color

An HTML element’s background colour is specified through the CSS background-color attribute.


Styles – CSS

CSS Stands for Cascading Style Sheets (CSS) which is used to format a webpage’s design.


Hyperlinks are links in HTML.

HTML Tables

Web developers can organise data into rows and columns using HTML tables.

Block-level Elements

In an HTML document, a paragraph is defined by the <p> element.

Class Attribute

An HTML element’s class can be specified using the class attribute.

class Attribute:When referencing a class name in a style sheet, the class attribute is frequently utilised. HTML id Attribute

An HTML element’s distinctive id can be specified using the HTML id property.


Head Element

The following elements are contained in the HTML <head> element: <title><style><meta><link><script>, and <base>.

HTML <head> Element

Between the html and body tags, the <head> element serves as a container for metadata (info about data).

Data about the HTML document is known as HTML metadata. There is no display of metadata.


HTML <title> Element

The title of the document is specified via the title> element. The page’s tab or the title bar of the browser both display the title, which must only be text.

HTML documents must contain the <title> element!

The element title>:

1.It defines a title in the toolbar of the browser
2.It gives the page’s title when it is added to favourites.
3.It shows the page’s title in search engine results.

Also Read: About Create Project using Spring Initializer

About the author


Leave a Comment