SlideShare uma empresa 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

Mais conteúdo relacionado

Mais procurados (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
 

Semelhante 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 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 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.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
 

Mais de Denni Domingo

The overall concept of financial management
The overall concept of financial managementThe overall concept of financial management
The overall concept of financial managementDenni Domingo
 
Psychological attributes of personality
Psychological attributes of personalityPsychological attributes of personality
Psychological attributes of personalityDenni Domingo
 
Motivating Employees
Motivating EmployeesMotivating Employees
Motivating EmployeesDenni Domingo
 
Foundation of personality
Foundation of personalityFoundation of personality
Foundation of personalityDenni Domingo
 
Bonds and their characteristcs
Bonds and their characteristcsBonds and their characteristcs
Bonds and their characteristcsDenni Domingo
 
Aspects of individual's personality
Aspects of individual's personalityAspects of individual's personality
Aspects of individual's personalityDenni Domingo
 
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 ...Denni Domingo
 
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)Denni Domingo
 
Book Review: For One More Day
Book Review: For One More DayBook Review: For One More Day
Book Review: For One More DayDenni Domingo
 
Financial management I
Financial management IFinancial management I
Financial management IDenni Domingo
 
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 reactionDenni Domingo
 
Database management (activity 4)
Database management (activity 4)Database management (activity 4)
Database management (activity 4)Denni Domingo
 
Angular speed Examples
Angular speed ExamplesAngular speed Examples
Angular speed ExamplesDenni Domingo
 
Parental consent for student permit
Parental consent for student permitParental consent for student permit
Parental consent for student permitDenni Domingo
 

Mais 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

Q-Factor General Quiz-7th April 2024, Quiz Club NITW
Q-Factor General Quiz-7th April 2024, Quiz Club NITWQ-Factor General Quiz-7th April 2024, Quiz Club NITW
Q-Factor General Quiz-7th April 2024, Quiz Club NITWQuiz Club NITW
 
Concurrency Control in Database Management system
Concurrency Control in Database Management systemConcurrency Control in Database Management system
Concurrency Control in Database Management systemChristalin Nelson
 
Multi Domain Alias In the Odoo 17 ERP Module
Multi Domain Alias In the Odoo 17 ERP ModuleMulti Domain Alias In the Odoo 17 ERP Module
Multi Domain Alias In the Odoo 17 ERP ModuleCeline George
 
MS4 level being good citizen -imperative- (1) (1).pdf
MS4 level   being good citizen -imperative- (1) (1).pdfMS4 level   being good citizen -imperative- (1) (1).pdf
MS4 level being good citizen -imperative- (1) (1).pdfMr Bounab Samir
 
4.11.24 Mass Incarceration and the New Jim Crow.pptx
4.11.24 Mass Incarceration and the New Jim Crow.pptx4.11.24 Mass Incarceration and the New Jim Crow.pptx
4.11.24 Mass Incarceration and the New Jim Crow.pptxmary850239
 
Reading and Writing Skills 11 quarter 4 melc 1
Reading and Writing Skills 11 quarter 4 melc 1Reading and Writing Skills 11 quarter 4 melc 1
Reading and Writing Skills 11 quarter 4 melc 1GloryAnnCastre1
 
Scientific Writing :Research Discourse
Scientific  Writing :Research  DiscourseScientific  Writing :Research  Discourse
Scientific Writing :Research DiscourseAnita GoswamiGiri
 
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptx
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptxQ4-PPT-Music9_Lesson-1-Romantic-Opera.pptx
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptxlancelewisportillo
 
How to Fix XML SyntaxError in Odoo the 17
How to Fix XML SyntaxError in Odoo the 17How to Fix XML SyntaxError in Odoo the 17
How to Fix XML SyntaxError in Odoo the 17Celine George
 
Daily Lesson Plan in Mathematics Quarter 4
Daily Lesson Plan in Mathematics Quarter 4Daily Lesson Plan in Mathematics Quarter 4
Daily Lesson Plan in Mathematics Quarter 4JOYLYNSAMANIEGO
 
Oppenheimer Film Discussion for Philosophy and Film
Oppenheimer Film Discussion for Philosophy and FilmOppenheimer Film Discussion for Philosophy and Film
Oppenheimer Film Discussion for Philosophy and FilmStan Meyer
 
Measures of Position DECILES for ungrouped data
Measures of Position DECILES for ungrouped dataMeasures of Position DECILES for ungrouped data
Measures of Position DECILES for ungrouped dataBabyAnnMotar
 
ESP 4-EDITED.pdfmmcncncncmcmmnmnmncnmncmnnjvnnv
ESP 4-EDITED.pdfmmcncncncmcmmnmnmncnmncmnnjvnnvESP 4-EDITED.pdfmmcncncncmcmmnmnmncnmncmnnjvnnv
ESP 4-EDITED.pdfmmcncncncmcmmnmnmncnmncmnnjvnnvRicaMaeCastro1
 
INTRODUCTION TO CATHOLIC CHRISTOLOGY.pptx
INTRODUCTION TO CATHOLIC CHRISTOLOGY.pptxINTRODUCTION TO CATHOLIC CHRISTOLOGY.pptx
INTRODUCTION TO CATHOLIC CHRISTOLOGY.pptxHumphrey A Beña
 
week 1 cookery 8 fourth - quarter .pptx
week 1 cookery 8  fourth  -  quarter .pptxweek 1 cookery 8  fourth  -  quarter .pptx
week 1 cookery 8 fourth - quarter .pptxJonalynLegaspi2
 
Beauty Amidst the Bytes_ Unearthing Unexpected Advantages of the Digital Wast...
Beauty Amidst the Bytes_ Unearthing Unexpected Advantages of the Digital Wast...Beauty Amidst the Bytes_ Unearthing Unexpected Advantages of the Digital Wast...
Beauty Amidst the Bytes_ Unearthing Unexpected Advantages of the Digital Wast...DhatriParmar
 
ICS2208 Lecture6 Notes for SL spaces.pdf
ICS2208 Lecture6 Notes for SL spaces.pdfICS2208 Lecture6 Notes for SL spaces.pdf
ICS2208 Lecture6 Notes for SL spaces.pdfVanessa Camilleri
 
Congestive Cardiac Failure..presentation
Congestive Cardiac Failure..presentationCongestive Cardiac Failure..presentation
Congestive Cardiac Failure..presentationdeepaannamalai16
 

Último (20)

Q-Factor General Quiz-7th April 2024, Quiz Club NITW
Q-Factor General Quiz-7th April 2024, Quiz Club NITWQ-Factor General Quiz-7th April 2024, Quiz Club NITW
Q-Factor General Quiz-7th April 2024, Quiz Club NITW
 
Concurrency Control in Database Management system
Concurrency Control in Database Management systemConcurrency Control in Database Management system
Concurrency Control in Database Management system
 
Multi Domain Alias In the Odoo 17 ERP Module
Multi Domain Alias In the Odoo 17 ERP ModuleMulti Domain Alias In the Odoo 17 ERP Module
Multi Domain Alias In the Odoo 17 ERP Module
 
MS4 level being good citizen -imperative- (1) (1).pdf
MS4 level   being good citizen -imperative- (1) (1).pdfMS4 level   being good citizen -imperative- (1) (1).pdf
MS4 level being good citizen -imperative- (1) (1).pdf
 
4.11.24 Mass Incarceration and the New Jim Crow.pptx
4.11.24 Mass Incarceration and the New Jim Crow.pptx4.11.24 Mass Incarceration and the New Jim Crow.pptx
4.11.24 Mass Incarceration and the New Jim Crow.pptx
 
prashanth updated resume 2024 for Teaching Profession
prashanth updated resume 2024 for Teaching Professionprashanth updated resume 2024 for Teaching Profession
prashanth updated resume 2024 for Teaching Profession
 
Reading and Writing Skills 11 quarter 4 melc 1
Reading and Writing Skills 11 quarter 4 melc 1Reading and Writing Skills 11 quarter 4 melc 1
Reading and Writing Skills 11 quarter 4 melc 1
 
Scientific Writing :Research Discourse
Scientific  Writing :Research  DiscourseScientific  Writing :Research  Discourse
Scientific Writing :Research Discourse
 
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptx
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptxQ4-PPT-Music9_Lesson-1-Romantic-Opera.pptx
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptx
 
How to Fix XML SyntaxError in Odoo the 17
How to Fix XML SyntaxError in Odoo the 17How to Fix XML SyntaxError in Odoo the 17
How to Fix XML SyntaxError in Odoo the 17
 
Daily Lesson Plan in Mathematics Quarter 4
Daily Lesson Plan in Mathematics Quarter 4Daily Lesson Plan in Mathematics Quarter 4
Daily Lesson Plan in Mathematics Quarter 4
 
Oppenheimer Film Discussion for Philosophy and Film
Oppenheimer Film Discussion for Philosophy and FilmOppenheimer Film Discussion for Philosophy and Film
Oppenheimer Film Discussion for Philosophy and Film
 
Measures of Position DECILES for ungrouped data
Measures of Position DECILES for ungrouped dataMeasures of Position DECILES for ungrouped data
Measures of Position DECILES for ungrouped data
 
ESP 4-EDITED.pdfmmcncncncmcmmnmnmncnmncmnnjvnnv
ESP 4-EDITED.pdfmmcncncncmcmmnmnmncnmncmnnjvnnvESP 4-EDITED.pdfmmcncncncmcmmnmnmncnmncmnnjvnnv
ESP 4-EDITED.pdfmmcncncncmcmmnmnmncnmncmnnjvnnv
 
INTRODUCTION TO CATHOLIC CHRISTOLOGY.pptx
INTRODUCTION TO CATHOLIC CHRISTOLOGY.pptxINTRODUCTION TO CATHOLIC CHRISTOLOGY.pptx
INTRODUCTION TO CATHOLIC CHRISTOLOGY.pptx
 
week 1 cookery 8 fourth - quarter .pptx
week 1 cookery 8  fourth  -  quarter .pptxweek 1 cookery 8  fourth  -  quarter .pptx
week 1 cookery 8 fourth - quarter .pptx
 
Mattingly "AI & Prompt Design: Large Language Models"
Mattingly "AI & Prompt Design: Large Language Models"Mattingly "AI & Prompt Design: Large Language Models"
Mattingly "AI & Prompt Design: Large Language Models"
 
Beauty Amidst the Bytes_ Unearthing Unexpected Advantages of the Digital Wast...
Beauty Amidst the Bytes_ Unearthing Unexpected Advantages of the Digital Wast...Beauty Amidst the Bytes_ Unearthing Unexpected Advantages of the Digital Wast...
Beauty Amidst the Bytes_ Unearthing Unexpected Advantages of the Digital Wast...
 
ICS2208 Lecture6 Notes for SL spaces.pdf
ICS2208 Lecture6 Notes for SL spaces.pdfICS2208 Lecture6 Notes for SL spaces.pdf
ICS2208 Lecture6 Notes for SL spaces.pdf
 
Congestive Cardiac Failure..presentation
Congestive Cardiac Failure..presentationCongestive Cardiac Failure..presentation
Congestive Cardiac Failure..presentation
 

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