HTML tutorial

Immanuel Training Institute proudly presents free software courses

To get certificate Contact: iits.certificate@gmail.com

Introduction:

·       HTML stands for Hyper Text Markup Language

·       HTML is used for creating Web pages

·       HTML elements tell the browser how to display the content

To Create HTML webpage:

·       Start -> run -> notepad

·       Write the HTML file

·       To save: save html file with ‘.html’ extension

·       To open: In web browser -> ctrl+o -> select path -> select html file -> open

List of HTML tags:

Tags

Description

 

BASIC tags:

<html>      

It is the root tag of an HTML page

 

<head>     

It contains meta information about the HTML page

 

<title>      

Used to give title of our HTML page

 

<body>   

Defines the HTML page’s body, and is a container for all the visible contents.

 

<h1>  to <h6>

Used to create headings

 

<p>

Used to create paragraph

 

<hr>

Used to create horizontal line

 

<br>

Used to create line break

 

<!-- …..  -->

Used for commenting purpose

 

<!DOCTYPE>

Used to define document type

 

Formatting tags:

<b>

For bold text

 

<i>

For Italic text

 

<u>

For underlined text

 

<strike>

For strike-out text

 

<center>

To align text in center alignment

 

<strong>

It is used to define important text, add more semantic meaning to the tag

 

<sup>

Superscripted text

 

<sub>

Subscripted text

 

<font>

Font tag has three attributes

·       Size – range of Size is from 1-7,    default is 3

 

·       Face/Type – like verdana, courier, arial, times new roman, etc…

 

·       Color – like blue,white, green, etc…

 

<pre>

To display text in fixed – width font including both spaces and line breaks

 

<small>

For smaller text

 

<mark>

Used to highlight text

 

<em>

For Emphasized text

 

<del>

For Deleted text

 

<mark>

For Marked text

 

<ins>

For Inserted text

 

<blockquote>

To define a section that is quoted from another source.

 

<q>

To insert a quotation marks in text

 

<abbr>

It defines an abbreviation or an acronym, like "HTML", "CSS"

 

<address>

It defines the contact information for the author/owner of a document or an article

 

<cite>

To define the title of a work

 

<bdo>

It is used to override the current text direction

 

Image tags:

<img>

To display image

 

Image attributes:

·       src(required attribute) – It specifies the path of the image

·       alt(required attribute)  – Alternate text for the image

·       width(optional attribute) – To set width of the image

·       height(optional attribute) – To set height of the image

·       style(optional attribute) – Can set width, height over here

·        

<figcaption>

To define image captions

 

 

 

List of HTML Attributes:

 Attributes

Descriptions

style attribute:

    <tagname style="property:value;">

 

 

Used to add styles to an element, such as color, font, size, and more.

 

Property – CSS property

Value – CSS value

color

blue,white, etc…

 

background-color

blue,white, etc…

 

font-family

verdana, courier, arial, times new roman, etc…

font-size

200%,100%, etc…

text-align

center, left, right

 

border

<h1 style=2px solid green

float

Image alignment like left, right, center

width

Image width

height

Image height

 

 ******Note: further notes to be updated soon, follow us for more software course materials******  

 

 

 

 

 

Contact Form

Name

Email *

Message *