Scribd
Upload
7 views31 pages

H1

The document provides an overview of HTML, including its definition, features, and the basic structure of web pages. It distinguishes between static and dynamic web pages, explaining their characteristics and uses. Additionally, it covers HTML tags, attributes, and the importance of the !DOCTYPE declaration in HTML documents.

Uploaded by

shashwat
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
7 views31 pages

H1

The document provides an overview of HTML, including its definition, features, and the basic structure of web pages. It distinguishes between static and dynamic web pages, explaining their characteristics and uses. Additionally, it covers HTML tags, attributes, and the importance of the !DOCTYPE declaration in HTML documents.

Uploaded by

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

How to present

your information
electronically
using internet.
Warm up - 5 Minutes
https://www.bbc.com/news
Lesson 10 - HTML
Objectives :-
1. Define HTML with its features.
2. Define tags and attributes with its types.
3. Identify the basic structure of web page.
4. Create, save, view and edit the web page.
5. Create web page using heading,paragraph, line break, center,
horizontal and preformatted tag.
6. Create web page using text formatting tags such bold,italics,
underline, superscript and subscript..
7. Insert inline image ,table and listing on the web page.
8. Use the marquee tag on the web page.
9. Create link between web pages.
START UP
Web Page
A web page is a document commonly written in Hypertext
Markup Language (HTML) that is accessible through the
internet using a web browser.
Web Site
The collection of webpages is called website. A website
can have one web page or more than one pages depending
on the website. It is stored on web server. Ex:-
www.facebook.com
Web Page Designing
Web page designing is the process of creating and publishing simple to
complex pages with hypertext so that such pages can be viewed and shared
by every users on the web. HTML,CSS, JavaScript etc. are used to create
web page.
Types of Web Page
1. Static Web Page
2. Dynamic Web Page
Static Web Pages
Static Web pages are very simple. It is written in
languages such as HTML, JavaScript, CSS, etc. In static
web pages, pages will remain the same until someone
changes it manually.
Dynamic Web Page
Dynamic Web Pages are written in languages such as
CGI, ASP.NET, PHP, Python, JSP etc. In dynamic web
pages, the content of pages is different for different
visitors. It takes more time to load than the static web
page. Dynamic web pages are used where the information
is changed frequently, for example, stock prices, weather
information, etc.
Difference between Static and
Dynamic Webpage
Static Webpage Dynamic Webpage
Static web page are same for every Dynamic web pages are different for
viewers. different viewers.

Static web pages are changed manually Dynamic web pages changes automatically

Eg: Wikipedia. Eg: Youtube.

13
DAY 1
Introduction to
HTML
Day 1 - Objectives
1. Define HTML with its features.
2. Define tags and attributes with its types.
3. Identify the basic structure of web page.

15
HTML

HTML stands for Hyper Text Markup Language (HTML),


a markup language which is a set of markup tags that are
used to create web pages. HTML was published by Tim
Berners Lee in 1993.
...cont.
"Hypertext" refers to the hyperlinks that an HTML page
may contain. "Markup language" refers to the way tags
are used to define the page layout and elements within the
page.
Features of HTML
1. HTML is easy and simple to use.
2. HTML is case insensitive.
3. HTML is supported by different text editors like Notepad,
Wordpad,Sublime Text Editor etc.
4. HTML documents can be executed in different web browsers such as
Mozilla Firefox, Internet Explorer, Netscape Navigator etc.
5. HTML supports different hyperlinks and Image formats.
HTML Tags
HTML tags are all the keywords or commands used in
HTML that tell the browser how to display document in the
webpages. They are surrounded by angle brackets like
<html>.
Video
https://youtu.be/aSiI9B6rzRM
Types of HTML Tags
1. Container or Paired Tags
2. Empty or Singular Tags
Container or Paired Tag
A container tag is such type of tag which has its related ending tag with
start tag. Start tags are written within angular brackets and the end tags
are written within angular bracket with a slash(/) in front.

The text and other tags are written between the start and end tags. The
starting tag activate the effect and the closing tag turns off the effect.
Some examples of container tags are: <HTML></HTML>,
<HEAD></HEAD>,<TITLE></TITLE>, <BODY></BODY>,
<H2></H2>, <B></B>, <I></I>, <U></U>, <P></P>, etc.
The Basic Structure or Syntax of
Paired Tag
Empty or Singular Tag
The tags which have no ending tags are called empty tags. They are
also called stand alone or singular tags. Some examples of empty
tags are <IMG>, <BR>, <HR>, etc.
Attributes
The attributes are the keywords used to provide additional
information to describe the HTML elements. They are always
included in the start tag of the element with some value after
equal to sign. Some of the common attributes are color, height,
width or the location of the linked file.
Video
https://youtu.be/SHQjWmvfz_A
The Basic Structure or Syntax of
Attribute
...cont.
Basic Structure of HTML
Basic Structure of HTML
1. !DOCTYPE

The !DOCTYPE declaration must be the very first


thing in your html document. It is not an html tag, it
is an instruction to the web browser about what
version of HTML the page is written in.

You might also like