SlideShare una empresa de Scribd logo
1 de 16
HTML
What is an HTML file?
HTML stands for Hyper Text
Markup Language
An HTML file is a text file
containing small markup/HTML
tags (e.g. <b></b>)
The markup tags tell the Web
browser how to display the page
What is an HTML file?
An HTML file must have an
htm or html file extension
An HTML file can be created
using a simple text editor or
HTML editors such as
Dreamweaver and Frontpage
Example
<html>
<head>
<title>Title of page</title>
</head>
<body>
This is my first homepage. <b>This text is bold</b>
</body>
</html>
Example Explained
<html> </html>
>>> these are your html
document’s first and last tags
respectively. It indicates the start
and the end of your html
document.
Example Explained
<head> </head>
>>> the text between these tags is
header information, and is not
displayed in the browser window
Example Explained
<title> </title>
>>> the text between these tags is
the title of your document and is
displayed in the browser’s caption
Example Explained
<body> </body>
>>> the information between these
tags will be displayed in your
browser
Example Explained
<b> </b>
>>> the text between these tags
will be displayed in bold font
What is an HTML
element?
This is an html element:
<b>This text is bold</b>
It is made up of:
(1)HTML tags - <b></b>
(2)Element content - This text is bold
What are HTML tags?
• HTML tags are used to mark-up
HTML elements
• HTML tags are surrounded by the
two characters < and >
• The surrounding characters are
called angle brackets
• HTML tags normally come in pairs
like <b> and </b>
What are HTML tags?
• The first tag in a pair is the start
tag, the second tag is the end tag
• The text between the start and end
tags is the element content
• HTML tags are not case sensitive,
<b> means the same as <B>
Note:
If you want to prepare yourself for the
next generations of HTML, you
should start using lowercase tags.
The World Wide Web Consortium
(W3C) recommends this, and
XHTML (the next generation HTML)
will demand it.
Tag Attributes
>>> provide additional information
about HTML elements in your page
e.g.
<body bgcolor="red"></body>
Tag Attributes
<body bgcolor="red"></body>
• The bgcolor attribute allows you to
specify a background color for your page.
• Attributes always come in name/value
pairs like this: name="value", and are
always added to the start tag of an HTML
element
Basic HTML Tags
<html> defines an html document
<body> defines the document’s body
<h1>to<h6> defines headers 1 to 6
<p> defines a paragraph
<br /> inserts a single line break
<hr /> defines a horizontal rule
<!-- --> defines a comment

Más contenido relacionado

La actualidad más candente

WEB PAGE DESIGN USING HTML
WEB PAGE DESIGN USING HTMLWEB PAGE DESIGN USING HTML
WEB PAGE DESIGN USING HTML
Sneha Mukherjee
 
Html tag html 10 x10 wen liu art 2830
Html tag html 10 x10 wen liu art 2830Html tag html 10 x10 wen liu art 2830
Html tag html 10 x10 wen liu art 2830
Wen Liu
 

La actualidad más candente (20)

Html
HtmlHtml
Html
 
HTML
HTMLHTML
HTML
 
Html basic tags
Html basic tagsHtml basic tags
Html basic tags
 
Basic Html Knowledge for students
Basic Html Knowledge for studentsBasic Html Knowledge for students
Basic Html Knowledge for students
 
HTML for Education
HTML for EducationHTML for Education
HTML for Education
 
HTML
HTMLHTML
HTML
 
1. HTML
1. HTML1. HTML
1. HTML
 
Html
HtmlHtml
Html
 
Learning html. (Part- 1)
Learning html. (Part- 1)Learning html. (Part- 1)
Learning html. (Part- 1)
 
HTML Text formatting tags
HTML Text formatting tagsHTML Text formatting tags
HTML Text formatting tags
 
basic introduction of html tags
basic introduction  of html tagsbasic introduction  of html tags
basic introduction of html tags
 
Adding text in html
Adding text in htmlAdding text in html
Adding text in html
 
Hyper Text Mark-up Language
Hyper Text Mark-up Language Hyper Text Mark-up Language
Hyper Text Mark-up Language
 
Html
HtmlHtml
Html
 
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTML
 
Xhtml
XhtmlXhtml
Xhtml
 
Html formatting
Html formattingHtml formatting
Html formatting
 
Basics of Html
 Basics of Html Basics of Html
Basics of Html
 
WEB PAGE DESIGN USING HTML
WEB PAGE DESIGN USING HTMLWEB PAGE DESIGN USING HTML
WEB PAGE DESIGN USING HTML
 
Html tag html 10 x10 wen liu art 2830
Html tag html 10 x10 wen liu art 2830Html tag html 10 x10 wen liu art 2830
Html tag html 10 x10 wen liu art 2830
 

Similar a Html (hyper text markup language)

Similar a Html (hyper text markup language) (20)

Html basics NOTE
Html basics NOTEHtml basics NOTE
Html basics NOTE
 
Html basics
Html basicsHtml basics
Html basics
 
Html basics
Html basicsHtml basics
Html basics
 
HTML_Basics.pdf
HTML_Basics.pdfHTML_Basics.pdf
HTML_Basics.pdf
 
Html basics
Html basicsHtml basics
Html basics
 
Html basics
Html basicsHtml basics
Html basics
 
Html basics
Html basicsHtml basics
Html basics
 
Html basics
Html basicsHtml basics
Html basics
 
Html basic file
Html basic fileHtml basic file
Html basic file
 
Html basics
Html basicsHtml basics
Html basics
 
Html BASICS
Html BASICSHtml BASICS
Html BASICS
 
Html basics 1
Html basics 1Html basics 1
Html basics 1
 
HTML.pdf
HTML.pdfHTML.pdf
HTML.pdf
 
Html
HtmlHtml
Html
 
Introduction to HTML.pptx
Introduction to HTML.pptxIntroduction to HTML.pptx
Introduction to HTML.pptx
 
Html presentation
Html presentationHtml presentation
Html presentation
 
HTML-Hyper Text Markup Language
HTML-Hyper Text Markup LanguageHTML-Hyper Text Markup Language
HTML-Hyper Text Markup Language
 
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTML
 
Learn html from www
Learn html from wwwLearn html from www
Learn html from www
 
Html notes
Html notesHtml notes
Html notes
 

Más de Denni Domingo

Book Review: For One More Day
Book Review: For One More DayBook Review: For One More Day
Book Review: For One More Day
Denni Domingo
 
Database management (activity 4)
Database management (activity 4)Database management (activity 4)
Database management (activity 4)
Denni Domingo
 

Más de Denni Domingo (20)

The overall concept of financial management
The overall concept of financial managementThe overall concept of financial management
The overall concept of financial management
 
Psychological attributes of personality
Psychological attributes of personalityPsychological attributes of personality
Psychological attributes of personality
 
Motivating Employees
Motivating EmployeesMotivating Employees
Motivating Employees
 
Foundation of personality
Foundation of personalityFoundation of personality
Foundation of personality
 
Bonds and their characteristcs
Bonds and their characteristcsBonds and their characteristcs
Bonds and their characteristcs
 
Aspects of individual's personality
Aspects of individual's personalityAspects of individual's personality
Aspects of individual's personality
 
Sa aking mga kabata
Sa aking mga kabataSa aking mga kabata
Sa aking mga kabata
 
What is the point of having a good life if everything will end to death? How ...
What is the point of having a good life if everything will end to death? How ...What is the point of having a good life if everything will end to death? How ...
What is the point of having a good life if everything will end to death? How ...
 
Hibik ng pilipinas sa inang espanya (trilogy)
Hibik ng pilipinas sa inang espanya (trilogy)Hibik ng pilipinas sa inang espanya (trilogy)
Hibik ng pilipinas sa inang espanya (trilogy)
 
Book Review: For One More Day
Book Review: For One More DayBook Review: For One More Day
Book Review: For One More Day
 
Financial management I
Financial management IFinancial management I
Financial management I
 
Factors affecting the rate of a chemical reaction
Factors affecting the rate of a chemical reactionFactors affecting the rate of a chemical reaction
Factors affecting the rate of a chemical reaction
 
Database management (activity 4)
Database management (activity 4)Database management (activity 4)
Database management (activity 4)
 
Angular speed Examples
Angular speed ExamplesAngular speed Examples
Angular speed Examples
 
Parental consent for student permit
Parental consent for student permitParental consent for student permit
Parental consent for student permit
 
Visita Iglesia
Visita IglesiaVisita Iglesia
Visita Iglesia
 
Resume template_03
Resume template_03Resume template_03
Resume template_03
 
Resume Template_02
Resume Template_02Resume Template_02
Resume Template_02
 
Resume Template_01
Resume Template_01Resume Template_01
Resume Template_01
 
Resume Template
Resume TemplateResume Template
Resume Template
 

Último

Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
ciinovamais
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
PECB
 

Último (20)

microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptx
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptxINDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
 
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and Mode
 
PROCESS RECORDING FORMAT.docx
PROCESS      RECORDING        FORMAT.docxPROCESS      RECORDING        FORMAT.docx
PROCESS RECORDING FORMAT.docx
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
 
Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxUnit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptx
 
Class 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdfClass 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdf
 

Html (hyper text markup language)

  • 2. What is an HTML file? HTML stands for Hyper Text Markup Language An HTML file is a text file containing small markup/HTML tags (e.g. <b></b>) The markup tags tell the Web browser how to display the page
  • 3. What is an HTML file? An HTML file must have an htm or html file extension An HTML file can be created using a simple text editor or HTML editors such as Dreamweaver and Frontpage
  • 4. Example <html> <head> <title>Title of page</title> </head> <body> This is my first homepage. <b>This text is bold</b> </body> </html>
  • 5. Example Explained <html> </html> >>> these are your html document’s first and last tags respectively. It indicates the start and the end of your html document.
  • 6. Example Explained <head> </head> >>> the text between these tags is header information, and is not displayed in the browser window
  • 7. Example Explained <title> </title> >>> the text between these tags is the title of your document and is displayed in the browser’s caption
  • 8. Example Explained <body> </body> >>> the information between these tags will be displayed in your browser
  • 9. Example Explained <b> </b> >>> the text between these tags will be displayed in bold font
  • 10. What is an HTML element? This is an html element: <b>This text is bold</b> It is made up of: (1)HTML tags - <b></b> (2)Element content - This text is bold
  • 11. What are HTML tags? • HTML tags are used to mark-up HTML elements • HTML tags are surrounded by the two characters < and > • The surrounding characters are called angle brackets • HTML tags normally come in pairs like <b> and </b>
  • 12. What are HTML tags? • The first tag in a pair is the start tag, the second tag is the end tag • The text between the start and end tags is the element content • HTML tags are not case sensitive, <b> means the same as <B>
  • 13. Note: If you want to prepare yourself for the next generations of HTML, you should start using lowercase tags. The World Wide Web Consortium (W3C) recommends this, and XHTML (the next generation HTML) will demand it.
  • 14. Tag Attributes >>> provide additional information about HTML elements in your page e.g. <body bgcolor="red"></body>
  • 15. Tag Attributes <body bgcolor="red"></body> • The bgcolor attribute allows you to specify a background color for your page. • Attributes always come in name/value pairs like this: name="value", and are always added to the start tag of an HTML element
  • 16. Basic HTML Tags <html> defines an html document <body> defines the document’s body <h1>to<h6> defines headers 1 to 6 <p> defines a paragraph <br /> inserts a single line break <hr /> defines a horizontal rule <!-- --> defines a comment