This is the ppt that contain the basic topics of HTML. This is helpful to improve the knowledge of html and It is also for beginner.
That gives the basic knowledge of html.
1. Presented By : RohitRaj
5/28/2019 1
SMS Institute of Technology,
lucknow
2. What is HTML ?
HTML attributes ?
HTML Tag ?
Uses of List in HTML ?
Table
How to use form tag in HTML ?
What is Frame ?
5/28/2019 2
SMS Institute of Technology,
lucknow
3. HTML is not a programming language, It is a
markup language used for describing web
pages.
A markup language is a set of markup tags.
HTML used markup tags to describe web
pages.
5/28/2019 3
SMS Institute of Technology,
lucknow
4. Attributes provides additional information
about an element, It’s always used with
starting tag.
Example –
<startingTag attributeName=“value”>
</endingTag>
5/28/2019 4
SMS Institute of Technology,
lucknow
5. HTML documents contain HTML tags and plain text
used for describing web pages.
HTML tags are words.
Types of HTML Tags -
1. Heading Tag
2. Linebreak Tag
3. Paragraph Tag
4. pre_formated Tag
5. Del Tag
6. Image tag
7. Text formatting tag
5/28/2019 5
SMS Institute of Technology,
lucknow
6. Heading Tag-
It’s uses for heading in HTML
documents. HTML contain <h1>to <h6>
tag for heading with ending tags.
HTML Linebreak Tag-
It is used to define a
single line break, It is a empty tag because
It has no ending tag.
5/28/2019 6
SMS Institute of Technology,
lucknow
7. Paragraph Tags-
It defines a paragraph it gives
some margin before and after a paragraph.
e.g. –
<p>This is a paragraph</p>
<p>This is another paragraph</p>
Pre_formated Tag-
It’s displayed the content in
a fixed bit and font size.
e.g.-
<pre>
content with fixed bit and font size </pre>
5/28/2019 7
SMS Institute of Technology,
lucknow
8. Image Tag-
It is used to display the image on
a webpage or HTML document. It is an empty
tag because It has no ending tag.
e.g. –
<img src=“URL Address” width=“” height=“”>
oR
<img
src=“D:folderNameImageName.jpg”border=
“2” width=“50%” height=“60%”>
5/28/2019 8
SMS Institute of Technology,
lucknow
9. Anchor Tag-
Anchor tag is used to create a link
or hyperlink, With the help of hyper link you
can jump to another document or specific
part of same document.
e.g.-
<a href=“URL Address” attributeList>
Visible Text like link
</a>
5/28/2019 9
SMS Institute of Technology,
lucknow
10. Bold Tag
Italic Tag
Underline Tag
Small Tag
Subscripted Tag
Superscripted tag
Deleted Tag
Marked Tag
5/28/2019 10
SMS Institute of Technology,
lucknow
11. List is a collection of element or items .
There are three types of list, they are-
1. Ordered list
2. Unordered list
3. Difinition list
5/28/2019 11
SMS Institute of Technology,
lucknow
12. Ordered list is a collection of elements or
items that have special order or sequence.
It is created by using <ol> tag with ending
tag and each list item is created by <li>tag
with ending tag within the <ol>tag.
e.g.-
<ol type=“a”>
<li> First item</li>
</ol>
5/28/2019 12
SMS Institute of Technology,
lucknow
13. Unordered list is a collection of elements or
item that have no special order or sequence.
It is created by <ul>tag, It is not a empty tag.
Each list item is created by using<li>tag ,It’s
not a empty tag.
Bydefault each list item is mark with bullet.
5/28/2019 13
SMS Institute of Technology,
lucknow
14. In definition list where element are listed like
in a dictionary.
It uses three tags.
<dl> </dl>
<dt> </dt>
<dd> </dd>
5/28/2019 14
SMS Institute of Technology,
lucknow
16. Table allows to arrange the data like text
image, link etc into rows and column.
HTML Table are created using
<table></table>tag.
A table tag is use <tr></tr> and
<td></td>tag for creating a table row and
table column respectively.
5/28/2019 16
SMS Institute of Technology,
lucknow
17. Table tag attribute are –
1. Align=“left/right/center”
2. Bgcolor=“Red/yellow”
3. Border=“any digit”
4. Bordercolor=“red’
5. Cellspacing
6.Cellpadding
7.Background
5/28/2019 17
SMS Institute of Technology,
lucknow
18. They are listed as -
1. Align=“left/right/center”
2. Valign=“top/middle/bottom”
3. bgcolor=“ yellow “
5/28/2019 18
SMS Institute of Technology,
lucknow
19. They are listed as -
1. Align=“left/right/center”
2. Valign=“top/middle/bottom”
3. bgcolor=“purple”
4. Rowspan=“digit”
5. colspan=“Number”
5/28/2019 19
SMS Institute of Technology,
lucknow
20. Form is used to collect some data from the
user during user registration and feedback.
<form></form> tag is used to create a
HTML form.
It is a container that includes all forms
element like textfield and checkbox etc.
Attributes of form tag are-
name, method, enctype, target, action
5/28/2019 20
SMS Institute of Technology,
lucknow
21. <input> tag is used to create a form element.
It is a empty tag.
E.g. –
<input type=“password” name=“psw” size=“”
maxlength=““ readonly value=“”>
5/28/2019 21
SMS Institute of Technology,
lucknow
22. 1) Textbox/ text field
2) Password
3) Radio Button
4) Checkbox
5) Submit Button
6) Reset Button
7) Textarea / Multiline text
8) Combo box / list box /Drop down box
9) Hidden text field
10) File Upload
5/28/2019 22
SMS Institute of Technology,
lucknow
24. HTML frame are used to divide your browser
window into multiple section.
It’s uses <frameset> tag for doing this.
Cols, rows, border, frame border, frame
spacing, these are the attributes of
<frameset> tag.
5/28/2019 24
SMS Institute of Technology,
lucknow
25. <frame> tag defines which HTML document
shall open into a particular frame.
Src, name, scrolling, noresize, target, top
these are the attributes of <frame> tag.
5/28/2019 25
SMS Institute of Technology,
lucknow