Audisankara
College
of
Engineering
and
Department of CSE
✓ Introduction
✓ Basic Tags
✓ Images
✓ Links
✓ Lists
✓ Tables
✓ Forms
✓ Frames
Content

Audisankara
College
of
Engineering
and
Department of CSE
✓ HTML is the standard markup language for Web pages.
✓ With HTML you can create your own Website.
✓ HTML stands for Hyper Text Markup Language
✓ HTML describes the structure of a Web page
✓ HTML consists of a series of elements
✓ Browser will read the elements
✓ Elements are such as html, body, title, head, etc.
✓ An HTML element is defined by a start tag, some content,
and an end tag.
✓ <h1>My First Heading</h1>
HTML Introduction

Audisankara
College
of
Engineering
and
Department of CSE
HTML History

Audisankara
College
of
Engineering
and
Department of CSE
Basic Tags
✓ The <!DOCTYPE html> declaration
defines that this document is an HTML5
document
✓ The <html> is the root element of an
HTML page
✓ The <head> contains meta information
about the HTML page
✓ The <title> element specifies a title for
the HTML page
✓ The <body> element defines the
document's body, and is a container for
all the visible contents, such as
headings, paragraphs, images,
hyperlinks, tables, lists, etc.
✓ The <h1> element defines a large
heading
✓ The <p> element defines a paragraph

Audisankara
College
of
Engineering
and
Department of CSE
Basic Tags-Execution-Hands on-Editor
✓Create one folder
✓Put all files in that folder
✓Note pad
✓Save as .html
✓Go to specific folder and
open in any browser
✓Check the output
✓Do changes
✓Refresh the page
✓Repeat above steps

Audisankara
College
of
Engineering
and
Department of CSE
Basic Tags-demonstration-usage
✓ The <!DOCTYPE html> declaration
defines that this document is an HTML5
document
✓ The <html> is the root element of an
HTML page
✓ The <head> contains meta information
about the HTML page
✓ The <title> element specifies a title for
the HTML page
✓ The <body> element defines the
document's body, and is a container for
all the visible contents, such as
headings, paragraphs, images,
hyperlinks, tables, lists, etc.
✓ The <h1> element defines a large
heading
✓ The <p> element defines a paragraph

Audisankara
College
of
Engineering
and
Department of CSE
✓ HTML images are defined with the <img> tag.
✓ The source file (src), width, and height are provided as
attributes
✓ Example
✓ <img src="F:workAudi
SankaraSANKWTlogo.png" width = "100" height
= "100">
Images

Audisankara
College
of
Engineering
and
Department of CSE
✓ HTML Links are defined with the <a> tag.
✓ Example
✓ <a href =
"https://www.youtube.com/watch?v=2jU81EnE6qQ"
>machine learning</a>
Links

Audisankara
College
of
Engineering
and
Department of CSE
✓ HTML lists allow web developers to group a set of related
items in lists.
✓ Two types
✓ Ordered
✓ Un-Ordered
Lists

Audisankara
College
of
Engineering
and
Department of CSE
✓ Ordered
✓ An ordered list starts with the <ol> tag. Each list item
starts with the <li> tag.
✓ The list items will be marked with numbers by
default
Ordered Lists

Audisankara
College
of
Engineering
and
Department of CSE
✓ Un-Ordered
✓ An unordered list starts with the <ul> tag. Each
list item starts with the <li> tag.
✓ The list items will be marked with bullets (small
black circles) by default
✓ <ul type=“square">
Un-Ordered Lists

Audisankara
College
of
Engineering
and
Department of CSE
✓ HTML tables allow web
developers to arrange data into
rows and columns.
✓ Consists of cells where we store
data. Will use the tags <table>,
<tr>, <td> and <th>.
✓ Style attribute- table border
Tables

Audisankara
College
of
Engineering
and
Department of CSE
✓ An HTML form is used to collect user input.
✓ The user input is most often sent to a server/database/cloud
for processing.
✓ The element <form> is used to create a form.
Forms

Audisankara
College
of
Engineering
and
Department of CSE
Forms Examples

Audisankara
College
of
Engineering
and
Department of CSE
✓ HTML frames are used to divide your browser window into
multiple sections.
✓ Where each section can load a separate HTML document.
✓ A collection of frames in the browser window is known as a
frameset.
✓ The window is divided into frames in a similar way the
tables are organized: into rows and columns.
✓ The element <frameset> is used to create a form.
Frames

Audisankara
College
of
Engineering
and
Department of CSE
Frames Example
<html>
<frameset rows = "20%,80%">
<frame src = "nani.html">
<frameset cols = "20%,60%,20%">
</frameset>
</frameset>
</html>

Audisankara
College
of
Engineering
and
Department of CSE
✓ Introduction
✓ Basic Tags
✓ Images
✓ Links
✓ Lists
✓ Tables
✓ Forms
✓ Frames
Summary

Audisankara
College
of
Engineering
and
Department of CSE
Any Doubts/clarification/Questions

Audisankara
College
of
Engineering
and
Department of CSE
Thank you all

HTML Common Tags -1

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (20)

Similaire à HTML Common Tags -1

Similaire à HTML Common Tags -1 (20)

Plus de Vikram Nandini

Plus de Vikram Nandini (20)

Dernier

Dernier (20)

HTML Common Tags -1