SlideShare una empresa de Scribd logo
1 de 28
1




<h1> What is html </h1>
    MD. SHAHADAT HOSSAIN RIYAD
2
What is HTML?
HTML is a language for describing web pages.
HTML stands for Hyper Text Markup Language
HTML is a markup language
A markup language is a set of markup tags
The tags describe document content
HTML documents contain HTML tags and plain
text
HTML documents are also called web pages
3




<h1> html example </h1>
    MD. SHAHADAT HOSSAIN RIYAD
HTML Example                           4
<!DOCTYPE html>
<html>
<body>
<head>
<title> This is title</title>
</head>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
<img src="w3schools.jpg" width="104"
height="142">
</body>
</html>
5




<h1> example explained </h1>
       MD. SHAHADAT HOSSAIN RIYAD
6

Example Explained
•The DOCTYPE declaration defines the document type
•The text between <html> and </html> describes the web page
•The text between <body> and </body> is the visible page content
•The text between <h1> and </h1> is displayed as a heading
•The text between <p> and </p> is displayed as a paragraph

      The <!DOCTYPE html> declaration is the doctype for
      HTML5.
7




<h1> html tags </h1>
    MD. SHAHADAT HOSSAIN RIYAD
HTML Tags                                               8
HTML markup tags are usually called HTML tags
•HTML tags are keywords (tag names) surrounded
by angle brackets like <html>
•HTML tags normally come in pairs like <b> and
</b>
•The first tag in a pair is the start tag, the second
tag is the end tag
•The end tag is written like the start tag, with a
forward slash before the tag name
•Start and end tags are also called opening tags
and closing tags
<tagname>content</tagname>
9




<h1> html elements </h1>
    MD. SHAHADAT HOSSAIN RIYAD
10

HTML Elements
"HTML tags" and "HTML elements" are often used to
describe the same thing.
But strictly speaking, an HTML element is everything
between the start tag and the end tag, including
the tags:
HTML Element:
<p>This is a paragraph.</p>
11




<h1> html structure </h1>
    MD. SHAHADAT HOSSAIN RIYAD
12


HTML Page Structure
Below is a visualization of an HTML page structure:
<html> <body> <h1>This a Heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>
13




<h1> html version </h1>
    MD. SHAHADAT HOSSAIN RIYAD
14
Since the early days of the web, there have been many versions of HTML:
     Version                        Year
     HTML                           1991
     HTML+                          1993
     HTML 2.0                       1995
     HTML 3.2                       1997
     HTML 4.01                      1999
     XHTML 1.0                      2000
     HTML5                          2012
     XHTML5                         2013
15




<h1> HTML editors </h1>
    MD. SHAHADAT HOSSAIN RIYAD
Writing HTML Using Notepad or TextEdit              16
HTML can be edited by using a professional
HTML :
Adobe Dreamweaver
Notepad ++
CoffeeCup HTML Editor
However, for learning HTML we recommend a text
editor like Notepad (PC) or TextEdit (Mac). We
believe using a simple text editor is a good way to
learn HTML.
Follow the 4 steps below to create your first web
page with Notepad.
17


Step 1: Start Notepad
To start Notepad go to:
Start
    All Programs
        Accessories
            Notepad
18

Step 2: Edit Your HTML with Notepad
Type your HTML code into your Notepad:
HTML Example
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
19


Step 3: Save Your HTML
Select Save as.. in Notepad's file menu.
When you save an HTML file, you can use either the .htm
or the .html file extension. There is no difference, it is
entirely up to you.
Save the file in a folder that is easy to remember, like
w3schools.
20




Step 4: Run the HTML in Your Browser
Start your web browser and open your html file from the
File, Open menu, or just browse the folder and double-
click your HTML file.
The result should look much like this:
21




<h1> HTML Basic </h1>
    MD. SHAHADAT HOSSAIN RIYAD
22




<h1> HTML Headings </h1>
     MD. SHAHADAT HOSSAIN RIYAD
23



HTML headings are defined with the <h1> to <h6>
tags.
Example
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
24



HTML Paragraphs
HTML paragraphs are defined with the <p> tag.
Example
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
25



HTML Links
HTML links are defined with the <a> tag.
Example
<a href="http://www.w3schools.com">This is a
link</a>
26



HTML Images
HTML images are defined with the <img> tag.
Example
<img src="w3schools.jpg" width="104" height="142">
27




Question and Answer???
28




The End!

Más contenido relacionado

La actualidad más candente

Base HTML & CSS
Base HTML & CSSBase HTML & CSS
Base HTML & CSS
Nick Chan
 
Steps Slideshare
Steps SlideshareSteps Slideshare
Steps Slideshare
Luis Diaz
 

La actualidad más candente (20)

Coding
CodingCoding
Coding
 
Basic html structure
Basic html structureBasic html structure
Basic html structure
 
Base HTML & CSS
Base HTML & CSSBase HTML & CSS
Base HTML & CSS
 
HTML and CSS
HTML and CSSHTML and CSS
HTML and CSS
 
Introduction to html | Rustcode
Introduction to html | RustcodeIntroduction to html | Rustcode
Introduction to html | Rustcode
 
PHP Training in Chandigarh
PHP Training in ChandigarhPHP Training in Chandigarh
PHP Training in Chandigarh
 
Steps Slideshare
Steps SlideshareSteps Slideshare
Steps Slideshare
 
HTML & XHTML Basics
HTML & XHTML BasicsHTML & XHTML Basics
HTML & XHTML Basics
 
WEBD 162: What is a Web Page?
WEBD 162: What is a Web Page?WEBD 162: What is a Web Page?
WEBD 162: What is a Web Page?
 
Html quiz
Html quizHtml quiz
Html quiz
 
@Html
@Html@Html
@Html
 
HTML Web design english & sinhala mix note
HTML Web design english & sinhala mix noteHTML Web design english & sinhala mix note
HTML Web design english & sinhala mix note
 
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTML
 
Teaching Web Frontend Technologies To A Toddler
Teaching Web Frontend Technologies To A ToddlerTeaching Web Frontend Technologies To A Toddler
Teaching Web Frontend Technologies To A Toddler
 
Gd 305 1 133 No27 A.Txt.Xhtml
Gd 305 1 133 No27 A.Txt.XhtmlGd 305 1 133 No27 A.Txt.Xhtml
Gd 305 1 133 No27 A.Txt.Xhtml
 
[Basic HTML/CSS] 0. introduction
[Basic HTML/CSS] 0. introduction[Basic HTML/CSS] 0. introduction
[Basic HTML/CSS] 0. introduction
 
Html & CSS
Html & CSSHtml & CSS
Html & CSS
 
Html and css
Html and cssHtml and css
Html and css
 
Session no 1 html
Session no 1 htmlSession no 1 html
Session no 1 html
 
WEBD 162 Week 02 LWD4e
WEBD 162 Week 02 LWD4eWEBD 162 Week 02 LWD4e
WEBD 162 Week 02 LWD4e
 

Destacado

Secure information sharing (sis) models
Secure information sharing (sis) modelsSecure information sharing (sis) models
Secure information sharing (sis) models
Abu Osama
 
Conozcamos nuestra constitución verde de 1991
Conozcamos nuestra constitución verde  de 1991Conozcamos nuestra constitución verde  de 1991
Conozcamos nuestra constitución verde de 1991
Daniel Macias
 
Communicating science
Communicating scienceCommunicating science
Communicating science
tonivanuzzo
 
6 word illustrated story
6 word illustrated story6 word illustrated story
6 word illustrated story
cgashley
 
Let emerging market customers be your teachers
Let emerging market customers be your teachersLet emerging market customers be your teachers
Let emerging market customers be your teachers
Siddhartha Kr
 
Nfs version 4 protocol presentation
Nfs version 4 protocol presentationNfs version 4 protocol presentation
Nfs version 4 protocol presentation
Abu Osama
 

Destacado (19)

CA/Tumores de Cabeza y Cuello
CA/Tumores de Cabeza y CuelloCA/Tumores de Cabeza y Cuello
CA/Tumores de Cabeza y Cuello
 
Yourprezi
YourpreziYourprezi
Yourprezi
 
Naser AVEC-Sep10-2012
Naser AVEC-Sep10-2012Naser AVEC-Sep10-2012
Naser AVEC-Sep10-2012
 
Secure information sharing (sis) models
Secure information sharing (sis) modelsSecure information sharing (sis) models
Secure information sharing (sis) models
 
Celo biología básica y mejoramiento de la detección
Celo biología básica y mejoramiento de la detecciónCelo biología básica y mejoramiento de la detección
Celo biología básica y mejoramiento de la detección
 
Communicating science
Communicating scienceCommunicating science
Communicating science
 
Conozcamos nuestra constitución verde de 1991
Conozcamos nuestra constitución verde  de 1991Conozcamos nuestra constitución verde  de 1991
Conozcamos nuestra constitución verde de 1991
 
Communicating science
Communicating scienceCommunicating science
Communicating science
 
6 word illustrated story
6 word illustrated story6 word illustrated story
6 word illustrated story
 
Career on Mobile Application Development
Career on Mobile Application DevelopmentCareer on Mobile Application Development
Career on Mobile Application Development
 
IEEE ECC-CDC
IEEE ECC-CDCIEEE ECC-CDC
IEEE ECC-CDC
 
Medicina Interna: Obesidad
Medicina Interna: Obesidad  Medicina Interna: Obesidad
Medicina Interna: Obesidad
 
Let emerging market customers be your teachers
Let emerging market customers be your teachersLet emerging market customers be your teachers
Let emerging market customers be your teachers
 
Presentaton of P&G Company Profile (University Presentation)
Presentaton of P&G Company Profile (University Presentation)Presentaton of P&G Company Profile (University Presentation)
Presentaton of P&G Company Profile (University Presentation)
 
Nfs version 4 protocol presentation
Nfs version 4 protocol presentationNfs version 4 protocol presentation
Nfs version 4 protocol presentation
 
Chi sono e a cosa servono le agenzie di rating?
Chi sono e a cosa servono le agenzie di rating? Chi sono e a cosa servono le agenzie di rating?
Chi sono e a cosa servono le agenzie di rating?
 
Matriz FODA
Matriz FODAMatriz FODA
Matriz FODA
 
Chi sono e a cosa servono le agenzie di rating
Chi sono e a cosa servono le agenzie di ratingChi sono e a cosa servono le agenzie di rating
Chi sono e a cosa servono le agenzie di rating
 
Virus del Papiloma Humano
Virus del Papiloma HumanoVirus del Papiloma Humano
Virus del Papiloma Humano
 

Similar a What is HTML- d3brand.com

Similar a What is HTML- d3brand.com (20)

HTML, HTML5,HTML,CSS How To Make Your Own Website
HTML, HTML5,HTML,CSS How To Make Your Own Website HTML, HTML5,HTML,CSS How To Make Your Own Website
HTML, HTML5,HTML,CSS How To Make Your Own Website
 
Html basics
Html basicsHtml basics
Html basics
 
HTML
HTMLHTML
HTML
 
Html rahul jain
Html rahul jainHtml rahul jain
Html rahul jain
 
HTML
HTMLHTML
HTML
 
HTML Fundamentals
HTML FundamentalsHTML Fundamentals
HTML Fundamentals
 
3 1-html-fundamentals-110302100520-phpapp02
3 1-html-fundamentals-110302100520-phpapp023 1-html-fundamentals-110302100520-phpapp02
3 1-html-fundamentals-110302100520-phpapp02
 
HTML (Hyper Text Markup Language)
HTML (Hyper Text Markup Language)HTML (Hyper Text Markup Language)
HTML (Hyper Text Markup Language)
 
Html grade 11
Html grade 11Html grade 11
Html grade 11
 
An introduction to html
An introduction to htmlAn introduction to html
An introduction to html
 
Html css java script basics All about you need
Html css java script basics All about you needHtml css java script basics All about you need
Html css java script basics All about you need
 
Dynamic html (#1)
Dynamic  html (#1)Dynamic  html (#1)
Dynamic html (#1)
 
Html
HtmlHtml
Html
 
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
 

Último

Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
negromaestrong
 
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
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
kauryashika82
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
heathfieldcps1
 

Último (20)

Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptx
 
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...
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across Sectors
 
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17  How to Extend Models Using Mixin ClassesMixin Classes in Odoo 17  How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
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
 
Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptx
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104
 
SECOND SEMESTER TOPIC COVERAGE SY 2023-2024 Trends, Networks, and Critical Th...
SECOND SEMESTER TOPIC COVERAGE SY 2023-2024 Trends, Networks, and Critical Th...SECOND SEMESTER TOPIC COVERAGE SY 2023-2024 Trends, Networks, and Critical Th...
SECOND SEMESTER TOPIC COVERAGE SY 2023-2024 Trends, Networks, and Critical Th...
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
 
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 ...
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
psychiatric nursing HISTORY COLLECTION .docx
psychiatric  nursing HISTORY  COLLECTION  .docxpsychiatric  nursing HISTORY  COLLECTION  .docx
psychiatric nursing HISTORY COLLECTION .docx
 
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
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
 
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
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
 

What is HTML- d3brand.com

  • 1. 1 <h1> What is html </h1> MD. SHAHADAT HOSSAIN RIYAD
  • 2. 2 What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is a markup language A markup language is a set of markup tags The tags describe document content HTML documents contain HTML tags and plain text HTML documents are also called web pages
  • 3. 3 <h1> html example </h1> MD. SHAHADAT HOSSAIN RIYAD
  • 4. HTML Example 4 <!DOCTYPE html> <html> <body> <head> <title> This is title</title> </head> <h1>My First Heading</h1> <p>My first paragraph.</p> <img src="w3schools.jpg" width="104" height="142"> </body> </html>
  • 5. 5 <h1> example explained </h1> MD. SHAHADAT HOSSAIN RIYAD
  • 6. 6 Example Explained •The DOCTYPE declaration defines the document type •The text between <html> and </html> describes the web page •The text between <body> and </body> is the visible page content •The text between <h1> and </h1> is displayed as a heading •The text between <p> and </p> is displayed as a paragraph The <!DOCTYPE html> declaration is the doctype for HTML5.
  • 7. 7 <h1> html tags </h1> MD. SHAHADAT HOSSAIN RIYAD
  • 8. HTML Tags 8 HTML markup tags are usually called HTML tags •HTML tags are keywords (tag names) surrounded by angle brackets like <html> •HTML tags normally come in pairs like <b> and </b> •The first tag in a pair is the start tag, the second tag is the end tag •The end tag is written like the start tag, with a forward slash before the tag name •Start and end tags are also called opening tags and closing tags <tagname>content</tagname>
  • 9. 9 <h1> html elements </h1> MD. SHAHADAT HOSSAIN RIYAD
  • 10. 10 HTML Elements "HTML tags" and "HTML elements" are often used to describe the same thing. But strictly speaking, an HTML element is everything between the start tag and the end tag, including the tags: HTML Element: <p>This is a paragraph.</p>
  • 11. 11 <h1> html structure </h1> MD. SHAHADAT HOSSAIN RIYAD
  • 12. 12 HTML Page Structure Below is a visualization of an HTML page structure: <html> <body> <h1>This a Heading</h1> <p>This is a paragraph.</p> <p>This is another paragraph.</p> </body> </html>
  • 13. 13 <h1> html version </h1> MD. SHAHADAT HOSSAIN RIYAD
  • 14. 14 Since the early days of the web, there have been many versions of HTML: Version Year HTML 1991 HTML+ 1993 HTML 2.0 1995 HTML 3.2 1997 HTML 4.01 1999 XHTML 1.0 2000 HTML5 2012 XHTML5 2013
  • 15. 15 <h1> HTML editors </h1> MD. SHAHADAT HOSSAIN RIYAD
  • 16. Writing HTML Using Notepad or TextEdit 16 HTML can be edited by using a professional HTML : Adobe Dreamweaver Notepad ++ CoffeeCup HTML Editor However, for learning HTML we recommend a text editor like Notepad (PC) or TextEdit (Mac). We believe using a simple text editor is a good way to learn HTML. Follow the 4 steps below to create your first web page with Notepad.
  • 17. 17 Step 1: Start Notepad To start Notepad go to: Start     All Programs         Accessories             Notepad
  • 18. 18 Step 2: Edit Your HTML with Notepad Type your HTML code into your Notepad: HTML Example <!DOCTYPE html> <html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html>
  • 19. 19 Step 3: Save Your HTML Select Save as.. in Notepad's file menu. When you save an HTML file, you can use either the .htm or the .html file extension. There is no difference, it is entirely up to you. Save the file in a folder that is easy to remember, like w3schools.
  • 20. 20 Step 4: Run the HTML in Your Browser Start your web browser and open your html file from the File, Open menu, or just browse the folder and double- click your HTML file. The result should look much like this:
  • 21. 21 <h1> HTML Basic </h1> MD. SHAHADAT HOSSAIN RIYAD
  • 22. 22 <h1> HTML Headings </h1> MD. SHAHADAT HOSSAIN RIYAD
  • 23. 23 HTML headings are defined with the <h1> to <h6> tags. Example <h1>This is a heading</h1> <h2>This is a heading</h2> <h3>This is a heading</h3>
  • 24. 24 HTML Paragraphs HTML paragraphs are defined with the <p> tag. Example <p>This is a paragraph.</p> <p>This is another paragraph.</p>
  • 25. 25 HTML Links HTML links are defined with the <a> tag. Example <a href="http://www.w3schools.com">This is a link</a>
  • 26. 26 HTML Images HTML images are defined with the <img> tag. Example <img src="w3schools.jpg" width="104" height="142">