Uploaded on Feb 16, 2023
This is a html ppt. It language use the UI Development
HTML
HTML
What is html? Programing:-
HTML stands for Hyper Text Markup
Language
HTML is the standard markup language for Page Title
creating Web pages
HTML describes the structure of a Web
page
HTML consists of a series of elements This is a
HTML elements tell the browser how to Heading
display the content This is a
HTML elements label pieces of content sucpha ragraph.
as "this is a heading", "this is a paragraph",
"this is a link", etc.
Example Explained
•The declaration defines that this document is an HTML5 document
•The element is the root element of an HTML page
•The element contains meta information about the HTML page
•The element specifies a title for the HTML page (which is shown in the
• browser's title bar or in the page's tab)
•The 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 element defines a large heading
•The element defines a paragraph
What is an HTML
ElAenm HTeMnLt ?element is defined by a start tag, some content, and an
end tag:
Content goes here...
The HTML element is everything from the start tag to the end tag:
My First Heading
My first paragraph.
HTML History
Since the early days of the World Wide Web, there have been many versions of HTML:
The Hyper Text Mark-up Language or HTML Year Version
is the standard mark-up language for 1989 Tim Berners-Lee invented www
documents designed to be displayed in a 1991 Tim Berners-Lee invented HTML
1993 Dave Raggett drafted HTML+
web browser. It can be assisted by 1995 HTML Working Group defined
technologies such as Cascading Style Sheets HTML 2.0
1997 W3C Recommendation: HTML
and scripting languages such as JavaScript. 3.2
1999 W3C Recommendation: HTML
Wikipedia 4.01
Latest release: HTML 5.3 2000 W3C Recommendation: XHTML 1.0
Container for: HTML elements 2008 WHATWG HTML5 First Public
Draft
Extended to: XHTML 2012 WHATWG HTML5 Living Standar
Developed by: WHATWG d2014 W3C Recommendation: HTML5
Extended from: SGML 2016 W3C Candidate Recommendation: HTML 5.1
Initial release: 1993; 30 years ago 2017 W3C Recommendation: HTML5.1
2nd Edition
2017 W3C Recommendation: HTML5.2
HTML Attributes
All HTML elements can have attributes
Attributes provide additional information about elements
Attributes are always specified in the start tag
Attributes usually come in name/value pairs
like: name="value"
The href Attribute
The tag defines a hyperlink. The href attribute specifies the URL of the page the link goes to:
Example
Visit W3Schools
The src Attribute
The tag is used to embed an image in an HTML page. The src attribute specifies the path to the image to be displayed:
Example
The width and height Attributes
The tag should also contain the width and height attributes, which specify the width and height of the image (in pixels):
Example
The alt Attribute
The required alt attribute for the tag specifies an alternate text for an image, if the image for some reason cannot be displayed.
This can be due to a slow connection, or an error in the src attribute, or if the user uses a screen reader.
Example
The style Attribute
The style attribute is used to add styles to an element, such as color, font, size, and more.
Example
This is a red paragraph.
The Lang Attribute
You should always include the lang attribute inside the tag, to declare the language of the Web page.
This is meant to assist search engines and browsers.
The following example specifies English as the language:
The title Attribute
The title attribute defines some extra information about an element.
The value of the title attribute will be displayed as a tooltip when you mouse over the element:
Example
This is a paragraph.
What is basic structure of HTML?
A few of the basic tags that can be seen in almost all the HTML documents
are , , , , , , , ,
, , , , , , , , , ,
header tags like h1, h2, h3, .., , etc.
Basic tag
… — The root element. ...
… — The document head. ...
… — The page title. ...
… — The page's content. ...
… — A section heading. ...
… — A paragraph. ...
… — A link. ...
— An image.
THANK
YOU
Comments