0% found this document useful (0 votes)
2 views13 pages

Webfile

The document provides an introduction to HTML, explaining its structure and various components such as tags, lists, frames, and embedding multimedia. It details the use of physical formatting tags, ordered and unordered lists, and the creation of tables and forms in HTML. Additionally, it includes examples of HTML code for registration forms and algebraic equations.

Uploaded by

honeyfateh754
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
2 views13 pages

Webfile

The document provides an introduction to HTML, explaining its structure and various components such as tags, lists, frames, and embedding multimedia. It details the use of physical formatting tags, ordered and unordered lists, and the creation of tables and forms in HTML. Additionally, it includes examples of HTML code for registration forms and algebraic equations.

Uploaded by

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

Web

file
by shaurya gupta
XI-K
Introduction of HTML

HTML, or HyperText Markup Language,


is a text based language that defines the
structure and content of web pages
Structure of a HTML documont

Structure of a HTML documont consists of :-

<html>,<head>,<body>,<title>

Tags
A tag is a fromat for displaying carious
multimedia cloment in the web browser
there multimedia cloment are
text,Image,Graphics,Animation,Audio,Video,
etc.
Physical formatting tags

Physical tags:-
Physical tags are used to indicate that how
specific characters are to be formatted or
indicated using HTML tags. Any physical
style tag may contain any item allowed in
text, including conventional text, images,
line breaks, etc. Physical tags can only be
used for styling purposes for specific
elements.
List

In HTML, a list is an element used to create


organized and structured lists of items. It
can be either unordered or
ordered.Unordered (bulleted) lists use the
<ul> tag along with individual <li> tags for
each item in the list.Ordered (numbered)
lists use the <ol> and <li> tags for each
item in the list.

ordered list
Ordered List or Numbered List (ol) In HTML,all the list items
in an ordered list are marked with numbers by default instead
of bullets. An HTML ordered list starts with the <ol> tag and
ends with the </ol> tag. The list items start with the <li> tag
and end with </li> tag.
unordered list

An unordered list ( <ul> ) is used to create a list of


items in no particular order i.e. the order of items
is not relevant. By default, the items in this list will
be marked with bullets. Whereas, an ordered list
( <ol> ) is used to create a list of items in a
specific order

Frames in HTML

HTML framesallow authors to present documents in


multiple views. Views may be independent windows or
subwindows. Multiple views offer designers a way to
keep certain information visible, while other views are
scrolled or replaced.
Embedding Audio Video in Webpage

audio five embedding tag is used- attribules


1 she Name of scaune Pile Name
2 height-height of controles
3 width-width of controler
4 autoplay start automatically int vier or
5 autortart store audio file when web Page is of
opened loop- repeats

Table
A table is latular form of reprertaing data on a
weblage

1 bgcolon for background colore


2 border for size of borderin Pixel
3 border color for color of the table border
HTML Form

<HTML>
<Head>
<Title>Registration
</Title>
</Head>
<Body>
<Hl align="center"> Registration
form <H1
<form method="post" artios "[email protected]">
<P> Name
Input type="text" size="30"
Name="Name">
</p>
<P> Age
< Input type=Number" name=”age”
</p>
<P> Gender
<input type="radio value="Male"
Name Male <input type = "radid" value =
"male"
Name="i7 male
<input type = "radio "valve = "Transgonter"
Name = ")" Transgender </P>
<P>Hobbiesinput type="checkbox" value="read" Name Hi"> Read
Write Fext input type="checbox" value="read"
Name Hi">Read
<input type="checkbox "valvor="white"
Name ="12"> Writ
Fext <input type = "chorkbox" value=
"Singing!" nme = "13" Singig</P>
<P> Parrewor
Kinput type = "Password"
<Size="30" Name = Parosword>
</p>
<P>
Inhet type = "Submit rame = "Submit"
Rimput type = "Rort" Name="hert "walue
="3"> Singing </P>
<input type = "Reset" Name = Reset Value
=”rest”>
</P> </Form>

</Body>
</HTML>
more eg

<html>
<head>
<title>Algebraic Equations
</title></head>
<body>
<h1 align="center">Algebric identeties
</h1>
<hr width="50%">
<P>Difference of square:(a-b)<Sup>2</Sup>=a<sup>2</sup>-2ab+b<sup>2</sup><br>
difference of cubes:(a-b)<sup> 3</sup>=(a-b)(a<sup>2</sup>-2ab+b<sup>2</sup>)<br>
Sum of Cubes:(a+b)<sup>3</sup>=a<sup>3</sup>+b<sup>3</sup>+3a<sup>2</sup>+2b<sup>3</sup>
<br>
</P>
</Body>

</html>

<html>
<head>
<title>Algebraic Equations
</title></head>
<body>
<h1 align="center">Algebric identeties
</h1>
<hr width="50%">
<P>Difference of square:(a-b)<Sup>2</Sup>=a<sup>2</sup>-2ab+b<sup>2</sup><br>
difference of cubes:(a-b)<sup> 3</sup>=(a-b)(a<sup>2</sup>-2ab+b<sup>2</sup>)<br>
Sum of Cubes:(a+b)<sup>3</sup>=a<sup>3</sup>+b<sup>3</sup>+3a<sup>2</sup>+2b<sup>3</sup>
<br>
</P>
</Body>

</html>

<html>
<head>
<title>Algebraic Equations
</title></head>
<body>
<h1 align="center">Algebric identeties
</h1>
<hr width="50%">
<P>Difference of square:(a-b)<Sup>2</Sup>=a<sup>2</sup>-2ab+b<sup>2</sup><br>
difference of cubes:(a-b)<sup> 3</sup>=(a-b)(a<sup>2</sup>-2ab+b<sup>2</sup>)<br>
Sum of Cubes:(a+b)<sup>3</sup>=a<sup>3</sup>+b<sup>3</sup>+3a<sup>2</sup>+2b<sup>3</sup>
<br>
</P>
</Body>

</html>
<html>
<head>
<title>
Rowspan
</title>
</head>
<body>
<h1 align="center">Sports List</h1>
<font size="16">
<table border="3">
<tr>
<th> Category</th>
<th> Types</th>
</tr>
<tr>
<td rowspan="4">
Sports</td>
<tr>
<td>Badminton</td>
</tr>
<tr>
<td> Football</td>
</tr>
<tr>
<td> Basket Ball</tr>
</tr>

<tr>
<td rowspan="4">
Martial arts</td>
<tr>
<td>Judo</td>
</tr>
<tr>
<td> Karate</td>
</tr>
</tr>
</table>
</font>
</body>
</html>

You might also like