2

STUDENTS DETAILS

Name of Students : ………………………………………………………………

DOT-NET Roll No. : ………………………………………………………………

Date Of Joining : ………………………………………………………………

Name of Course : ………………………………………………………………

Batch Timing : ………………………………………………………………

You can connect with us online with our YouTube Channel

DOT-NET Institute

Subscribe it to get new video notification

Click on Subscribe button after that click bell icon to get new video

notification.

Visit:www.youtube.com/c/dotnetinstitute

3

Hyper Text Markup Language (H.T.M.L)

Course Contents

Contents Page

What is HTML? .................................................................................................................. 4

HTML Markup Tags........................................................................................................... 4

What is an HTML File? ...................................................................................................... 4

Writing HTML...................................................................................................................... 4

HTML Output...................................................................................................................... 4

Basic HTML Tags............................................................................................................... 5

HTML Heading................................................................................................................... 5

HTML Paragraphs.............................................................................................................. 5

HTML Links Breaks............................................................................................................ 6

HTML Pre formatted Text................................................................................................... 7

Background Color............................................................................................................... 8

Background Images ........................................................................................................... 9

Font Size & Font Face....................................................................................................... 10

Bullets & Listing................................................................................................................. 11

Frameset Column.............................................................................................................. 12

Frameset Row................................................................................................................... 13

Image Linking.................................................................................................................... 14

Hyperlink............................................................................................................................ 15

Form Designing.................................................................................................................. 15-19

Simple Table...................................................................................................................... 20

Table Border....................................................................................................................... 21-23

Table Spans Column & Rows............................................................................................. 24

Table with Listings.............................................................................................................. 25

Table Background & Images.............................................................................................. 26

Button Inserting.................................................................................................................. 27

Form Fields Designing....................................................................................................... 28

4

Hyper Text Markup Language (H.T.M.L)

What is HTML ?

HTML is a language for describing web pages.

HTML stands for Hyper Text Markup Language

HTML is not a programming language, it is a markup language

A markup language is a set of markup tags

The markup tags describes how text should be displayed

HTML Markup Tags

HTML markup tags are usually called HTML tags

HTML Tags are keywords surrounded by angle bracket like <html>

HTML Tags normally come in pairs like <b> and </b>

HTML first tag in a pair is the start tag, the second tag is the end tag

What is an HTML File?

An HTML file is a text file with HTML tags

An HTML file is name must end with .htm or .html

An HTML file is can be created using a simple text editor

An HTML file is often called an HTML document or a Web Page

Writing HTML

In this tutorial we use a pain text editor (like Notepad) to edit HTML. This is a good way to

learn HTML.

HTML Output- Useful Tips

You cannot be sure exactly how HTML will be displayed. Large screens, small screens,

and resized browser windows will create different results.

With HTML, you cannot change the output by adding extra spaces or extra lines in your

HTML code.

The browser will remove extra spaces and extra lines when the page is displayed. Any

numbers of lines count as one space, and any number of spaces count as one space.

5

Basic HTML Tags

If you look up the basic HTML tags in the reference below, you will see that the reference

contains additional information about tag attributes.

You will learn more about HTML tag attributes in the next chapter of this tutorial.

Tag Description

<html> Define an HTML document

<body> Define the document’s body

<h1> to <h6> Define header 1 to header 6

<p> Define a paragraph

<br> Inserts a single line break

<hr> Define a horizontal rule

A very basic HTML document

This example has a minimum of HTML tags. It demonstrates how HTML is displayed in a

browser.

HTML Headings

Headings are defined with <h1> to <h6> tags. <h1> defines the largest heading. <h6>

define the smallest heading.

HTML Paragraphs

Paragraph is defined with the <p> tag.

<h1> this is a heading </h1>

<h2> this is a heading </h2>

<h3> this is a heading </h3>

<p> This is a paragraph </p>

<p> This is another paragraph </p>

6

HTML Line Breaks

Use the <br> tag if you want a line break (a new line) without starting a new paragraph

Example of: Break <br> & Horizontal Line <hr> tag in “Notepad” like as:-

Results in:- “Internet Explore” like as:-

<p> This is <br> a para <br> graph with line breaks </p>

7

Example of: Pre formatted text <pre> tag in “Notepad” like as:-

Results in:- “Internet Explore” like as:-

8

Example of: Text Effects in HTML like as:-

Results in: Browser like as:-

9

Example of: Center Tag in HTML” like as:-

Results in:- “Internet Explore” like as:-

Example of: A Definination List in HTML” like as:-

10

Results in:- “Internet Explore” like as:-

11

Example of: Background image <body background> tag in “Notepad” like as:-

Results in:- “Internet Explore” like as:-

12

Example of: Font Size, Font Face & font color <font size=, Face=, Color=> tag in

“Notepad” like as:-

Results in:- “Internet Explore” like as:-

13

Example of: Bullets & Listing <ol>An Ordered, <li> List, <ul>An Unordered tag in

“Notepad” like as:-

Results in:- “Internet Explore” like as:-

14

Example of: Frameset column <frameset cols> tag in “Notepad” like as:-

Results in:- “Internet Explore” like as:-

15

Example of: Frameset Row <frameset row> tag in “Notepad” like as:-

Results in:- “Internet Explore” like as:-

16

Example of: Image Linking <img src> tag in “Notepad” like as:-

Results in:- “Internet Explore” like as:-

17

Example of: Hyperlink <a href> tag in “Notepad” like as:-

Results in:- “Internet Explore” like as:-

18

Example of: Form Designing <form action> tag in “Notepad” like as:-

Results in:- “Internet Explore” like as:-

19

Example of: Form Designing <form action> tag in “Notepad” like as:-

Results in:- “Internet Explore” like as:-

20

Example of: Form Designing <form action> tag in “Notepad” like as:-

Results in:- “Internet Explore” like as:-

21

Example of: Form Designing <form action> tag in “Notepad” like as:-

Results in:- “Internet Explore” like as:-

22

Example of: Simple Table <table> tag in “Notepad” like as:-

Results in:- “Internet Explore” like as:-

23

Example of: Table Border <table border>, Table row <tr>, Table Data <td>, & Cell padding

<cellpadding> tag in “Notepad” like as:-

Results in:- “Internet Explore” like as:-

24

Example of: Table Border <table border>, Table row <tr>, Table Data <td>, & Cell padding

<cellpadding> tag in “Notepad” like as:-

Results in:- “Internet Explore” like as:-

25

Example of: Table Border & Caption <caption=> tag in “Notepad” like as:-

Results in:- “Internet Explore” like as:-

26

Example of: Table Spans Column & Rows <th colspan> & <th rowspan>

tag in “Notepad” like as:-

Results in:- “Internet Explore” like as:-

27

Example of: Table with Listing tag in “Notepad” like as:-

Results in:- “Internet Explore” like as:-

28

Example of: Table Background & Images tag in “Notepad” like as:-

Results in:- “Internet Explore” like as:-

29

Example of: Button Inserting tag in “Notepad” like as:-

Results in:- “Internet Explore” like as:-

30

Example of: Form Fields Designing tag in “Notepad” like as:-

Results in:- “Internet Explore” like as:-

31

DOT-NET GUIDE LINE FOR STUDENTS

DOT-NET always tries to give better education for our student, not only in the field of computer but we also develop

our students how to fight competition in the professional life. We also provide them jobs after complete the course.

AT THE TIME OF ADMISSION: - DOT-NET provides free Register, Pen & I-cards to our student.

TEACHING METHODOLOGY: - DOT-NET provides 7 Hrs. Class within 6 days in a week like as:

5 Day Practical (1 Hrs. a day)

1 Day Theory (2 Hrs.)

o 30 Min. Subjective of Computers

o 30 Min. Quarry Sessions

o 30 Min. Personality Development

o 30 Min. Presentations

STUDY MATERIAL: - DOT-NET provides study material as NOTES with every module as per DOT-NET Course

Layouts. The every student has to buy this with start of new modules. This notes books will necessary to buy every

student.

MONTHLY TEST: - DOT-NET management are very serious about our student’s performance so we take monthly

test like as:

Practical Test : 40 Marks

Theory Test : 40 Marks

Oral Test : 20 Marks

After complete of course we will provide Mark sheet with your Certificate.

Students will have to attend at least 5 monthly tests compulsory if the course is for 6th months or 11

monthly tests compulsory if the course is 1 year.

ANNUAL AWARDS FUNCTION: - DOT-NET provides our students “Best Students of the Year Award” in Annual

Function of the Centre.

Annual Awards Prize

Best Student of The Year Award

Rs. 500/- Cash

Certificate and DOT-NET Momentous

DOT-NET will place the photographs Annual winners in DOT-NET website (www.dnce.in)

PLACEMENT: - DOT-NET provides the 100% job placement to our students but students have ability to fight the

interview, if students are not able to face interview then we will make a batch for such students and give them 10

days job interview training, then place them to companies.

ANNUAL TOUR: - DOT-NET arranges annual tour outside of Delhi every year for our students.

FEE DEPOSIT: - DOT-NET collects the fee on time so every student has to pay monthly fee on your due date.

After three days of due date the Late Charge Rs.5.00 per day till next 7 days after 7 days we will stop his/her class.

32