students details...4 hyper text markup language (h.t.m.l) what is html ? html is a language for...
TRANSCRIPT
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