Html session

Copyleft:
Shiva Kancahrla
WEB TECHNOLOGY

WEB TECHNOLOGY

Web pages

Web Applications
In web pages: static and dynamic
Static Page: Constant
Dynamic Page: Changes
HTML & CSS

HTML

What is HTML?

Uses

Tags

CSS

What is HTML?

HTML stands for Hyper Text Markup
Language

HTML tags are added to Web documents to
control their layout and appearance.

Hypertext is non-linear, the reader can
follow links, jumping from page to page.

Linear text is read from start to finish.

It is easily understandable and can
modification can be done.

EDITORS
For every language, we have editors. For
HTML also have the editors:

For windows: NOTEPAD

For LINUX OS’s: Geany, TextEditor, even
with Terminal.
The file that can be saved as “filename.html”

USES

Used to create the web pages.

Dynamically and statically.

Outlet of the page.

Difference between HTML, CSS &JS

TAGS

A tag is said to be as < >.
Basic example:
<html>
-------------
-------------
</html>

Basic HTML Program
<html>
<title> </title>
<head> </head>
<body>
</body>
</html>

TAGS

Heading tags

Paragraph

Tables

Frames

Audio and Video

Forms

Reference links

TAGS
Heading Tag

Headers are from h1 to h6

Each header will the speciality

Syntax: <h1> swecha </h1>

Paragraph tag
• Used to have the paragraphs
• Syntax: <p> </p>
example: <p> hi friends welcomes you for
swecha wintercamp 2k19</P>

TABLE tag

Table tag is used to create the table.

In this we have rows and columns.
Syntax: <table>
<tr>
<td> </td>
</tr>
</table>

FRAME

It is used to divide the two pages in a single
page.

It is used for the comparision.
Syntax: <frameset
rows/columns=”25”,”50”,”25”>
<frame src”path”>
<frame src”path”>
<frame src”path”></frameset>

AUDIO TAG

It is used to play the audio file in the
particular page.

When ever we require the audio in the audi
tag is used to implement the audio.
Syntax : <audio controls src=”path”>
</audio>

VIDEO & IMAGE TAGES

Video and image tags are used to display
the required image or video.
Syntax: <video control=”path”> </video>
<image control=”path”> </image>

FORMS TAG
Syntax: <form action=” ” method =” ”>
</form>

ANCHOR TAG
Syntax: <a href=” w3. Swecha.org“>swecha
</a>

LIST TAGS

3 Types:
1. order list (or) Number list [ol]
2. Unorder list (or) Bulllet list [ul]
3. Descripted list (or) Definition list [dl]


Order list
Syntax : <ol type=”1”>
<li> swecha</li>
</ol>

Unorder list
syntax: <ul type=”1”>
<li> swecha</li>
</ul>

CHECKBOX
Movie: <input type=”checkbox” name=”fidda”>
fidda
<input type=”checkbox” name=”lie”> lie

RADIO Button
Gender: <input type=”radio”
value=”male”>male
<input type=”radio” value=”female”>female

MARQUEE TAG

Used for the directions
<morquee dirction=”left”>Humans are very friendly people with each
other</morquee>

CSS

A person is in makeup.

Good apperance

Outline CSS
example:
body
{
background:skyblue;
}

Html session

More Related Content

What's hot (17)

Similar to Html session (20)

Recently uploaded (20)

Html session