Scribd
Upload
849 views

HTML PPT-1

This document provides an overview of HTML (Hypertext Markup Language) in 3 pages. It defines HTML, describes common HTML tags like headings, paragraphs, links, images, and lists. It also covers HTML attributes, comments, and formatting tags. The last page discusses HTML forms, form elements, and how to create dropdown menus in forms.

Uploaded by

Irshad Shaikh
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPT, PDF, TXT or read online on Scribd
849 views

HTML PPT-1

This document provides an overview of HTML (Hypertext Markup Language) in 3 pages. It defines HTML, describes common HTML tags like headings, paragraphs, links, images, and lists. It also covers HTML attributes, comments, and formatting tags. The last page discusses HTML forms, form elements, and how to create dropdown menus in forms.

Uploaded by

Irshad Shaikh
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPT, PDF, TXT or read online on Scribd
You are on page 1/ 32

HTML

Student Name :- Enrollment No :-

Narawade Vighnesh Santosh 2009920100


Shaikh Irshad Kadar 2009920140
A
PROJECT REPORT
ON
“HTML”
SUBMITTED IN PARTIAL FULFILLMENT OF THE REQUIREMENTS FOR THE AWARE
OF
DIPLOMA IN
COMPUTER ENGINEERING

SUBMITTED TO :-

MAHARASHTRA STATE BOARD OF TECHNICAL EDUCATION,


MUMBAI

SUBMITTED BY:-

Narawade Vighnesh Santosh


Shaikh Irshad Kadar

GUIDED BY:-
(Mrs. Thorat S.K
Mrs.Dhumal K.R)

SAMARTH POLYTECHINIC,BELHE
WHAT IS HTML

HTML is Hypertext Markup Language.


It is used to making webspages and Forms.
HTML tells the browser How to display the Content.
TAGS
HTML tags Is a container which content other html tags or element.
EX.-
<html>
<head>
<title>Browser</title>
</head>
<body>
<p> <h1>This is Paragraph </p>
</body>
</html>
COMMENTS IN HTML
This is the part of code should not to be displayed the page
Comment statements are notes in the HTML code that
explain the important features of the code
 Comment Tag:-
<!-- -->
Ex:-
<!– P tag used for create new paragraph -->
<p> Hello World </p>
HTML IS NOT CASE
SENSETIVE

Ex:-
<html> = <HTML>
<p> = <P>
<head> = <HEAD>
<body> = <BODY>
HTML ATTRIBUTE
HTML attribute are used add to more
information to the tag

<html lang=“eng”>
HEADING TAG
• <h1>Hello world most important
• <h2>Hello world
• <h3>Hello world
• <h4>Hello world
• <h5>Hello world
• <h6>Hello world least important
ANCHOR TAG
This is used to add link to your page
Anchors enable a user to jump to a specific place on a Web
site

<a href=http://google.com> Google </a>


IMAGE TAG OR ALTERNATIVE
TEXT
Used to add image to our page
the ALT attribute can be used to create text that appears
instead of the image.
Ex:-
<img src=image.png” alt=Laptop img”>
BOLD,ITALIC OR UNDERLINE TAG

This tags are used to highlight the text in our page

Ex:-
<B> bold </B>
<I> italic >/I>
<U> underline </U>
BIG OR SMALL TAG
Used to display big or small text on our page

Ex:-
<big> Big </big>
<small> Small </small>
HR TAG
 Horizontal rular it is used to seperate content
Ex:-
<p>Html is hypertext markup language</p>
<hr>
<p>It is used to Create webpage </p>
SUBSCRIPT AND SUPERSCRIPT
 Suberscript- text appears half a character below the normal line

Ex:-
<p> H <sub> 2 </sub> o </p>

 Superscript- text appears half a character above the normal line


Ex:-
<p> A <sup> n </sup> +B </p>
LIST OF HTML
List is used to display data in a list

 In html two types of list:-

1.Unordered list:-
2.Ordered list:-
UNORDERED LIST
• Unordered list show in bullets points

Ex:-
<ul>
<li>Mango</li>
<li>Apple</li>
<li>Banana</li>
</ul>
ORDERED LIST

• Ordered list shows in number

Ex:-
<ol>
<li>Mango</li>
<li>Apple</li>
<li>Banana</li>
</ol>
TABLES IN HTML

 Tables are used to represent real life table data

<tr> used to display table row


<td> used to display table data
<th> used to display table header
TABLES IN HTML

Ex:-
<table border= "1">
<tr>
<td>Name</td>
<td>Roll No</td>
</tr>

<tr>
<td>Rashmika</td>
<td>129</td>
</tr>
</table>
CAPTION IN TABLE
Ex:-
<table border= "1">
<caption>Student data</caption>
<tr>
<td>Name</td>
<td>Roll No</td>
</tr>

<tr>
<td>Rashmika</td>
<td>129</td>
</tr>
</table>
THEAD AND TBODY IN
TABLE

 <thead> to wrap table head

 <tbody> to wrap table body


FORM

What are forms?


•An HTML form is an area of the document that allows
users to enter information into fields.
•A form may be used to collect personal information,
user preferences and other kinds of information.
FORM IN HTML

 Forms are used to collect data from the user


 Eg.sign up/login/contact me

<Form>
form content
</form>
ACTION IN FORM

 Action attribute is used to define what action need to be


performed when a form is submitted

<form action=“/action.php”>
FORM ELEMENT:INPUTE

<inpute type=“text” placeholder=“Enter Name”>


LABEL
<label for=“id”>
<inpute type=“radio”value=“class X”name=class”id=“id1”>
</label>

<label for=“id2”>
<inpute type=“radio”value=“class X”name=class”id=“id2”>
</label>
CLASS & ID

<div id=“id1” class=“group1”>


</div>

<div id=“id2”>class=“group1”>
</div>
CHECKBOX

<label for=“id1”>
<input type=“checkbox”value=“class X” name="class”id=“id1”>
</label>

<label for=“id2”>
<input type=“checkbox”value=“class X”name="class”id=“id2”>
</label>
EXAMPLE: FORM
Text Box

Drop-down Menu
Radio Buttons
Checkboxes

Text Area

Reset Button
Submit
CREATING DROP-DOWN
MENUS
• To create a drop-down menu, type <SELECT
NAME=“name” SIZE=n MULTIPLE>
• Then type <OPTION VALUE= “value”>Label
• In this case the SIZE attribute specifies the height of the
menu in lines and MULTIPLE allows users to select more
than one menu option
EXAMPLE: DROP-DOWN
MENU
<B>WHICH IS FAVOURITE FRUIT:</B>
<SELECT>
<OPTION VALUE="MANGOES">MANGOES
<OPTION VALUE="PAPAYA">PAPAYA
<OPTION VALUE="GUAVA">GUAVA
<OPTION VALUE="BANANA"> BANANA
<OPTION VALUE="PINEAPPLE">PINEAPPLE
</SELECT>
THANK YOU

You might also like