SlideShare a Scribd company logo
2
Most read
3
Most read
4
Most read
HTML
<html>
<head>
<title> Page title </title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>
What is HTML?
• HTML stands for Hyper Text Markup Language
• HTML is the standard markup language for creating Web pages
• HTML describes the structure of a Web page
• HTML consists of a series of elements
• HTML elements tell the browser how to display the content
• HTML elements label pieces of content such as "this is a heading", "this is
a paragraph", "this is a link", etc.
A Simple HTML Document
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
HTML Elements
• The HTML element is everything from the start tag to
the end tag:
• <tagname>Content goes here...</tagname>
• Examples of some HTML elements:
• <h1>My First Heading</h1>
• <p>My first paragraph.</p>
• Start tag Element content Endtag
<h1> My First Heading </h1>
<p> My first paragraph </p>
<br> none none
• The <body> element defines the document's
body.
– It has a start tag <body> and an end tag </body>.
• Then, inside the <body> element there are two
other elements:
– <h1> and <p>:
– <h1>My First Heading</h1>
<p>My first paragraph.</p>
– The <h1> element defines a heading.
– It has a start tag <h1> and an end tag </h1>:
– <h1>My First Heading</h1>
• The <p> element defines a paragraph.
– It has a start tag <p> and an end tag </p>:
– <p>My first paragraph.</p>
HTML Formatting Elements
• Formatting elements were designed to display special
types of text:
<b> - Bold text
<strong> - Important text
<i> - Italic text
<em> - Emphasized text
<mark> - Marked text
<small> - Smaller text
<del> - Deleted text
<ins> - Inserted text
<sub> - Subscript text
<sup> - Superscript text
<html>
<body>
<p>This text is normal.</p>
<p><b>This text is bold.</b></p>
</body>
</html>

More Related Content

PPTX
DICT-Standard-Template-4-3-ratio.pptx
PPTX
EBRE TABOR UNIVERSITY Gafat Institute of Technology Department of Information...
PPTX
FEWDD Lec 1 web development presentation
PPTX
Html5.pptx
PPTX
Basic Html Knowledge for students
PPTX
HTML Intro
PPTX
Html and Css Student Education hub point.pptx
PPT
HTML Introduction
DICT-Standard-Template-4-3-ratio.pptx
EBRE TABOR UNIVERSITY Gafat Institute of Technology Department of Information...
FEWDD Lec 1 web development presentation
Html5.pptx
Basic Html Knowledge for students
HTML Intro
Html and Css Student Education hub point.pptx
HTML Introduction

Similar to BASICS - HTML.ppt in web technology in engineering (20)

PPTX
PPTX
INTRODUCTION TO HTML.pptx
PPTX
presentation_web_design_basic_1595487867_382444.pptx
DOC
Learn html from www
PPTX
Basics of HTML
PDF
Html tutorial
PPTX
htmlbcjdkkdkcjcjcjfkjccjckcjcjc_doc1.pptx
PDF
Presentation1.pdf
PPTX
HTML.pptx
PPTX
learnhtmlbyvipuladissanayake-170516061515 (1).pptx
PPTX
html tags chapter 1.pptx
PPTX
Learn html Basics
PDF
Html notes
PDF
HTML Presentation
PDF
htmlnotes-180924151434.pdf dafdkzndsvkdvdd
PDF
htmlnotes Which tells about all the basic
PPTX
Learning html. (Part- 1)
PPTX
WEBSITE DEVELOPMENT,HTML is the standard markup language for creating Web pag...
PPTX
2. HTML Basic unit2 fundamentals of computer
INTRODUCTION TO HTML.pptx
presentation_web_design_basic_1595487867_382444.pptx
Learn html from www
Basics of HTML
Html tutorial
htmlbcjdkkdkcjcjcjfkjccjckcjcjc_doc1.pptx
Presentation1.pdf
HTML.pptx
learnhtmlbyvipuladissanayake-170516061515 (1).pptx
html tags chapter 1.pptx
Learn html Basics
Html notes
HTML Presentation
htmlnotes-180924151434.pdf dafdkzndsvkdvdd
htmlnotes Which tells about all the basic
Learning html. (Part- 1)
WEBSITE DEVELOPMENT,HTML is the standard markup language for creating Web pag...
2. HTML Basic unit2 fundamentals of computer
Ad

Recently uploaded (20)

PDF
The CXO Playbook 2025 – Future-Ready Strategies for C-Suite Leaders Cerebrai...
PDF
Operating System & Kernel Study Guide-1 - converted.pdf
PDF
R24 SURVEYING LAB MANUAL for civil enggi
PDF
July 2025 - Top 10 Read Articles in International Journal of Software Enginee...
PDF
PRIZ Academy - 9 Windows Thinking Where to Invest Today to Win Tomorrow.pdf
PDF
BMEC211 - INTRODUCTION TO MECHATRONICS-1.pdf
PPTX
OOP with Java - Java Introduction (Basics)
DOCX
573137875-Attendance-Management-System-original
PPTX
bas. eng. economics group 4 presentation 1.pptx
PPTX
additive manufacturing of ss316l using mig welding
PPTX
web development for engineering and engineering
DOCX
ASol_English-Language-Literature-Set-1-27-02-2023-converted.docx
PDF
Mitigating Risks through Effective Management for Enhancing Organizational Pe...
PPTX
Artificial Intelligence
PPTX
Current and future trends in Computer Vision.pptx
PPTX
Geodesy 1.pptx...............................................
PPTX
Safety Seminar civil to be ensured for safe working.
PPTX
Foundation to blockchain - A guide to Blockchain Tech
PDF
composite construction of structures.pdf
PPTX
MET 305 2019 SCHEME MODULE 2 COMPLETE.pptx
The CXO Playbook 2025 – Future-Ready Strategies for C-Suite Leaders Cerebrai...
Operating System & Kernel Study Guide-1 - converted.pdf
R24 SURVEYING LAB MANUAL for civil enggi
July 2025 - Top 10 Read Articles in International Journal of Software Enginee...
PRIZ Academy - 9 Windows Thinking Where to Invest Today to Win Tomorrow.pdf
BMEC211 - INTRODUCTION TO MECHATRONICS-1.pdf
OOP with Java - Java Introduction (Basics)
573137875-Attendance-Management-System-original
bas. eng. economics group 4 presentation 1.pptx
additive manufacturing of ss316l using mig welding
web development for engineering and engineering
ASol_English-Language-Literature-Set-1-27-02-2023-converted.docx
Mitigating Risks through Effective Management for Enhancing Organizational Pe...
Artificial Intelligence
Current and future trends in Computer Vision.pptx
Geodesy 1.pptx...............................................
Safety Seminar civil to be ensured for safe working.
Foundation to blockchain - A guide to Blockchain Tech
composite construction of structures.pdf
MET 305 2019 SCHEME MODULE 2 COMPLETE.pptx
Ad

BASICS - HTML.ppt in web technology in engineering

  • 2. <html> <head> <title> Page title </title> </head> <body> <h1>This is a heading</h1> <p>This is a paragraph.</p> <p>This is another paragraph.</p> </body> </html>
  • 3. What is HTML? • HTML stands for Hyper Text Markup Language • HTML is the standard markup language for creating Web pages • HTML describes the structure of a Web page • HTML consists of a series of elements • HTML elements tell the browser how to display the content • HTML elements label pieces of content such as "this is a heading", "this is a paragraph", "this is a link", etc. A Simple HTML Document <html> <head> <title>Page Title</title> </head> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html>
  • 4. HTML Elements • The HTML element is everything from the start tag to the end tag: • <tagname>Content goes here...</tagname> • Examples of some HTML elements: • <h1>My First Heading</h1> • <p>My first paragraph.</p> • Start tag Element content Endtag <h1> My First Heading </h1> <p> My first paragraph </p> <br> none none
  • 5. • The <body> element defines the document's body. – It has a start tag <body> and an end tag </body>. • Then, inside the <body> element there are two other elements: – <h1> and <p>: – <h1>My First Heading</h1> <p>My first paragraph.</p> – The <h1> element defines a heading. – It has a start tag <h1> and an end tag </h1>: – <h1>My First Heading</h1> • The <p> element defines a paragraph. – It has a start tag <p> and an end tag </p>: – <p>My first paragraph.</p>
  • 6. HTML Formatting Elements • Formatting elements were designed to display special types of text: <b> - Bold text <strong> - Important text <i> - Italic text <em> - Emphasized text <mark> - Marked text <small> - Smaller text <del> - Deleted text <ins> - Inserted text <sub> - Subscript text <sup> - Superscript text
  • 7. <html> <body> <p>This text is normal.</p> <p><b>This text is bold.</b></p> </body> </html>