Scribd
Upload
32 views

Web Development

HTML is a markup language used to define the structure and layout of web pages. It was created by Tim Berners-Lee in 1991 and includes tags to define headings, paragraphs, lists, links, and other semantic elements. Common tags include <h1> for main headings, <p> for paragraphs, <ul> for unordered lists, <ol> for ordered lists, <a> for links, <img> for images, and <div> for dividing content. Attributes provide additional information about elements, like align for paragraphs.

Uploaded by

Sajjad Bukhari
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
32 views

Web Development

HTML is a markup language used to define the structure and layout of web pages. It was created by Tim Berners-Lee in 1991 and includes tags to define headings, paragraphs, lists, links, and other semantic elements. Common tags include <h1> for main headings, <p> for paragraphs, <ul> for unordered lists, <ol> for ordered lists, <a> for links, <img> for images, and <div> for dividing content. Attributes provide additional information about elements, like align for paragraphs.

Uploaded by

Sajjad Bukhari
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/ 22

Introduction to

HTML
HTML
• Hyper Text Markup Language
• Most widely used language on Web to develop web pages
• HTML was created by Berners-Lee in late 1991
• HTML 2.0 was the first standard HTML specification published in
1995.
• HTML 4.01 was a major version of HTML published in late
1999.
• Currently we are having HTML-5 version which is an extension
to HTML 4.01, published in 2012.
Hyper Text Markup
Language
• Hypertext refers to the way in which Web pages (HTML
documents) are linked together. Thus, the link available on a
webpage is called Hypertext.
Hypertext is text which contains links to other texts

• HTML is a Markup Language which means you use HTML to simply


"mark-up" a text document with tags that tell a Web browser how
to structure it to display.
Basic HTML
Document
HTML
Tags
• tags are enclosed within angle braces <Tag Name>.
• most of the tags have their corresponding closing
tags.
• <html></html>
• <body></body>
• HTML Document Structure
HTML – BASIC
TAGS
• Heading Tags <h1>…….. <h6>
• Paragraph Tag <p></p>
• Line Break Tag <br />
• This tag is an example of an empty element, where you do not need
opening and closing tags, as there is nothing to go in between them.
• Centering Content <center> </center>
• Preserve Formatting <pre></pre>
HTML
Element
An element in HTML represents some kind of structure or
•
semantics and generally consists of a start tag, content, and an
end tag.
HTML –
ATTRIBUTES
• An attribute is used to define the characteristics of an HTML
element and is placed inside the element's opening tag. All
attributes are made up of two parts: a name and a value:
• The name is the property you want to set. For example, the
paragraph element in the example carries an attribute whose name
is align, which you can use to indicate the alignment of paragraph
on the page.
• The value is what you want the value of the property to be set
and always put within quotations.
• The below example shows three possible values of align
attribute:
left, center and right.
HTML
Formatting
• Bold <b></b>
• Italic <i></i>
• <u></u>
• <big></big>
• <small></small>
• <sub> </sub>
• <sup> </sup>
HTML phrase
tags
• <em>
• <mark>
• <strong>
• <blockquote>
• Short quotations
<q>
• <code>
HTML
Images
Images in Web
•
page
HTML
Tables
•The HTML tables are created using the <table> tag in which the
• <tr> tag is used to create table rows
• <td> tag is used to create data cells. The elements under <td> are regular
and left aligned by default.
• Table heading can be defined using <th> tag.
• Cell Padding
• The distance between cell borders and the content within a cell.
• Cell Spacing
• Space between table cells.
Exercise
Rowspan Colspan?
Exercise (Rowspan)
Exercise (Colspan)
Try including
HTML
Lists
• <ul> − An unordered list. This will list items using plain bullets.
• <ol> − An ordered list. This will use different schemes of numbers
to list your items.
• <dl> − A definition list. This arranges your items in the same way
as they are arranged in a dictionary.
Type
Attributes
• <ul type=“circle”>
• <ul
type=“square”>
• <ul type=“disk”>
• <ol type=“1”>
• <ol type=“I”>
• <ol type=“i”>
• <ol type=“A”>
• <ol type=“a”>
HTML
Links
• A link is specified using HTML tag <a>.
• This tag is called anchor tag and anything between the opening
<a> tag and the closing </a> tag becomes part of the link.
HTML
block
• The <div> tag
• Used for grouping of various HTML
elements.
• HTML font

You might also like