SlideShare a Scribd company logo
Learning html. (Part- 1)
What is HTML
HTML stands for Hyper Text Markup Language.
HTML is a markup language.
HTML is the language in which most websites are written.
HTML describes the structure of a web page semantically and
originally included cues for the appearance of the document.
In order to work with HTML, we must know about:
Elements
Tags
Attributes
Headings
Paragraphs
And in the end you will get a simple structure of HTML page
which will sum up every thing.
Elements
for example:
<tag>
Content.......
</tag>
•An HTML element is defined by a start tag, some content, and an end tag.
•The <html> element defines the whole document.
•It has a start tag <html> and an end tag </html>.
•Inside the <html> element is the <body> element.
Attributes For Example:
1. HTML links are defined with the <a>
tag. The link address is specified in
the href attribute.
2. HTML images are defined with the
<img> tag. The filename of the
image source is specified in the src
attribute.
3. HTML images also have width and
height attributes, which specifies the
width and height of the image
•All HTML elements can have attributes
•Attributes provide additional information
about an element
•Attributes are always specified in the
start tag
•Attributes usually come in name/value
pairs like: name="value"
These are the tags which are used in the HTML. There are also more tags but
these are most commonly used.
Headings
•HTML headings are titles or
subtitles that you want to
display on a webpage.
HTML headings are defined
with the <h1> to <h6> tags.
<h1> defines the most
important heading. <h6>
defines the least important
heading
Paragraphs
For example:
<body>
<p>Hello!!!</p>
<p>I am telling you about
paragraph tags.</p>
</body>
•A paragraph always starts on
a new line, and is usually a
block of text.
•A paragraph always starts on
a new line, and browsers
automatically add some white
space (a margin) before and
after a paragraph.
Line break For Example:
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<p>Hello!!! <br> How are you? </p>
</body>
</html>
•The HTML <br> element defines a line
break.
•Use <br> if you want a line break (a
new line) without starting a new
paragraph:
Preformatted
Text For Example:
<pre>
My Bonnie lies over the ocean.
My Bonnie lies over the sea.
My Bonnie lies over the ocean.
Oh, bring back my Bonnie to me.
</pre>
•The HTML <pre> element
defines preformatted text.
•The text inside a <pre>
element is displayed in a fixed-
width font (usually Courier),
and it preserves both spaces
and line breaks:
Learning html. (Part- 1)
<!DOCTYPE html>
<html>
<head>
<title>Webpage</title>
</head>
<body>
<p>Hello!!! This is the structure
of webpage. </p>
</body>
</html>
Learning html. (Part- 1)
Ad

More Related Content

What's hot (20)

Html training part1
Html training part1Html training part1
Html training part1
than sare
 
Lecture 2 introduction to html
Lecture 2  introduction to htmlLecture 2  introduction to html
Lecture 2 introduction to html
palhaftab
 
Introduction to html
Introduction to htmlIntroduction to html
Introduction to html
vikasgaur31
 
Html tutorials
Html tutorialsHtml tutorials
Html tutorials
Deputy Chief Librarian & Head
 
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTML
MayaLisa
 
215077679 introduction to HTML
215077679  introduction to HTML215077679  introduction to HTML
215077679 introduction to HTML
Xolani Madlopha
 
Intro to HTML (Kid's Class at TIY)
Intro to HTML (Kid's Class at TIY)Intro to HTML (Kid's Class at TIY)
Intro to HTML (Kid's Class at TIY)
Marjorie Sample
 
Html heading
Html headingHtml heading
Html heading
saichii27
 
Html (hyper text markup language)
Html (hyper text markup language)Html (hyper text markup language)
Html (hyper text markup language)
Denni Domingo
 
Notes4
Notes4Notes4
Notes4
Denise Garofalo
 
INTRODUCTION TO HTML
INTRODUCTION TO HTMLINTRODUCTION TO HTML
INTRODUCTION TO HTML
bwire sedrick
 
Creating your 1st html page
Creating your 1st html pageCreating your 1st html page
Creating your 1st html page
Sara Corpuz
 
Basic html
Basic htmlBasic html
Basic html
Drew Eric Noftle
 
Introduction to HTML
Introduction to HTML Introduction to HTML
Introduction to HTML
Professional Guru
 
Html basics NOTE
Html basics NOTEHtml basics NOTE
Html basics NOTE
Rai Saheb Bhanwar Singh College Nasrullaganj
 
Computer fundamentals-internet p2
Computer fundamentals-internet p2Computer fundamentals-internet p2
Computer fundamentals-internet p2
Leo Mark Villar
 
Html coding
Html codingHtml coding
Html coding
Briana VanBuskirk
 
Html 5
Html 5Html 5
Html 5
DanellaPatrick
 
Html basics
Html basicsHtml basics
Html basics
Vjay Vijju
 
HTML_Slideshow1
HTML_Slideshow1HTML_Slideshow1
HTML_Slideshow1
ldehn
 

Similar to Learning html. (Part- 1) (20)

Learn html from www
Learn html from wwwLearn html from www
Learn html from www
alvinblue1212
 
Html
HtmlHtml
Html
Inderpreet Singh
 
Html notes
Html notesHtml notes
Html notes
Ismail Mukiibi
 
HTML Presentation
HTML Presentation HTML Presentation
HTML Presentation
pradeepthakur87
 
htmlnotes-180924151434.pdf dafdkzndsvkdvdd
htmlnotes-180924151434.pdf dafdkzndsvkdvddhtmlnotes-180924151434.pdf dafdkzndsvkdvdd
htmlnotes-180924151434.pdf dafdkzndsvkdvdd
hemanthkalyan25
 
htmlnotes Which tells about all the basic
htmlnotes Which tells about all the basichtmlnotes Which tells about all the basic
htmlnotes Which tells about all the basic
hemanthkalyan25
 
Basic Html Notes
Basic Html NotesBasic Html Notes
Basic Html Notes
NextGenr
 
EBRE TABOR UNIVERSITY Gafat Institute of Technology Department of Information...
EBRE TABOR UNIVERSITY Gafat Institute of Technology Department of Information...EBRE TABOR UNIVERSITY Gafat Institute of Technology Department of Information...
EBRE TABOR UNIVERSITY Gafat Institute of Technology Department of Information...
shambelworku8
 
2. HTML Basic unit2 fundamentals of computer
2. HTML Basic    unit2 fundamentals of computer2. HTML Basic    unit2 fundamentals of computer
2. HTML Basic unit2 fundamentals of computer
travelwithlifezindgi
 
WEBSITE DEVELOPMENT,HTML is the standard markup language for creating Web pag...
WEBSITE DEVELOPMENT,HTML is the standard markup language for creating Web pag...WEBSITE DEVELOPMENT,HTML is the standard markup language for creating Web pag...
WEBSITE DEVELOPMENT,HTML is the standard markup language for creating Web pag...
johnmngoya1
 
SEO Training in Noida- Skyinfotech.in
SEO Training in Noida- Skyinfotech.inSEO Training in Noida- Skyinfotech.in
SEO Training in Noida- Skyinfotech.in
Sky Infotech
 
Html Workshop
Html WorkshopHtml Workshop
Html Workshop
vardanyan99
 
Html
HtmlHtml
Html
baabtra.com - No. 1 supplier of quality freshers
 
html
htmlhtml
html
tumetr1
 
Html presentation
Html presentationHtml presentation
Html presentation
Amber Bhaumik
 
Web Development 1 (HTML & CSS)
Web Development 1 (HTML & CSS)Web Development 1 (HTML & CSS)
Web Development 1 (HTML & CSS)
ghayour abbas
 
Html introduction
Html introductionHtml introduction
Html introduction
vishnu murthy
 
htmlbcjdkkdkcjcjcjfkjccjckcjcjc_doc1.pptx
htmlbcjdkkdkcjcjcjfkjccjckcjcjc_doc1.pptxhtmlbcjdkkdkcjcjcjfkjccjckcjcjc_doc1.pptx
htmlbcjdkkdkcjcjcjfkjccjckcjcjc_doc1.pptx
DSAISUBRAHMANYAAASHR
 
Learn html Basics
Learn html BasicsLearn html Basics
Learn html Basics
McSoftsis
 
Html example
Html exampleHtml example
Html example
Dorothy Dominic
 
htmlnotes-180924151434.pdf dafdkzndsvkdvdd
htmlnotes-180924151434.pdf dafdkzndsvkdvddhtmlnotes-180924151434.pdf dafdkzndsvkdvdd
htmlnotes-180924151434.pdf dafdkzndsvkdvdd
hemanthkalyan25
 
htmlnotes Which tells about all the basic
htmlnotes Which tells about all the basichtmlnotes Which tells about all the basic
htmlnotes Which tells about all the basic
hemanthkalyan25
 
Basic Html Notes
Basic Html NotesBasic Html Notes
Basic Html Notes
NextGenr
 
EBRE TABOR UNIVERSITY Gafat Institute of Technology Department of Information...
EBRE TABOR UNIVERSITY Gafat Institute of Technology Department of Information...EBRE TABOR UNIVERSITY Gafat Institute of Technology Department of Information...
EBRE TABOR UNIVERSITY Gafat Institute of Technology Department of Information...
shambelworku8
 
2. HTML Basic unit2 fundamentals of computer
2. HTML Basic    unit2 fundamentals of computer2. HTML Basic    unit2 fundamentals of computer
2. HTML Basic unit2 fundamentals of computer
travelwithlifezindgi
 
WEBSITE DEVELOPMENT,HTML is the standard markup language for creating Web pag...
WEBSITE DEVELOPMENT,HTML is the standard markup language for creating Web pag...WEBSITE DEVELOPMENT,HTML is the standard markup language for creating Web pag...
WEBSITE DEVELOPMENT,HTML is the standard markup language for creating Web pag...
johnmngoya1
 
SEO Training in Noida- Skyinfotech.in
SEO Training in Noida- Skyinfotech.inSEO Training in Noida- Skyinfotech.in
SEO Training in Noida- Skyinfotech.in
Sky Infotech
 
Web Development 1 (HTML & CSS)
Web Development 1 (HTML & CSS)Web Development 1 (HTML & CSS)
Web Development 1 (HTML & CSS)
ghayour abbas
 
htmlbcjdkkdkcjcjcjfkjccjckcjcjc_doc1.pptx
htmlbcjdkkdkcjcjcjfkjccjckcjcjc_doc1.pptxhtmlbcjdkkdkcjcjcjfkjccjckcjcjc_doc1.pptx
htmlbcjdkkdkcjcjcjfkjccjckcjcjc_doc1.pptx
DSAISUBRAHMANYAAASHR
 
Learn html Basics
Learn html BasicsLearn html Basics
Learn html Basics
McSoftsis
 
Ad

Recently uploaded (20)

Lidar for Autonomous Driving, LiDAR Mapping for Driverless Cars.pptx
Lidar for Autonomous Driving, LiDAR Mapping for Driverless Cars.pptxLidar for Autonomous Driving, LiDAR Mapping for Driverless Cars.pptx
Lidar for Autonomous Driving, LiDAR Mapping for Driverless Cars.pptx
RishavKumar530754
 
ELectronics Boards & Product Testing_Shiju.pdf
ELectronics Boards & Product Testing_Shiju.pdfELectronics Boards & Product Testing_Shiju.pdf
ELectronics Boards & Product Testing_Shiju.pdf
Shiju Jacob
 
New Microsoft PowerPoint Presentation.pdf
New Microsoft PowerPoint Presentation.pdfNew Microsoft PowerPoint Presentation.pdf
New Microsoft PowerPoint Presentation.pdf
mohamedezzat18803
 
DSP and MV the Color image processing.ppt
DSP and MV the  Color image processing.pptDSP and MV the  Color image processing.ppt
DSP and MV the Color image processing.ppt
HafizAhamed8
 
"Boiler Feed Pump (BFP): Working, Applications, Advantages, and Limitations E...
"Boiler Feed Pump (BFP): Working, Applications, Advantages, and Limitations E..."Boiler Feed Pump (BFP): Working, Applications, Advantages, and Limitations E...
"Boiler Feed Pump (BFP): Working, Applications, Advantages, and Limitations E...
Infopitaara
 
LECTURE-16 EARTHEN DAM - II.pptx it's uses
LECTURE-16 EARTHEN DAM - II.pptx it's usesLECTURE-16 EARTHEN DAM - II.pptx it's uses
LECTURE-16 EARTHEN DAM - II.pptx it's uses
CLokeshBehera123
 
theory-slides-for react for beginners.pptx
theory-slides-for react for beginners.pptxtheory-slides-for react for beginners.pptx
theory-slides-for react for beginners.pptx
sanchezvanessa7896
 
AI-assisted Software Testing (3-hours tutorial)
AI-assisted Software Testing (3-hours tutorial)AI-assisted Software Testing (3-hours tutorial)
AI-assisted Software Testing (3-hours tutorial)
Vəhid Gəruslu
 
DATA-DRIVEN SHOULDER INVERSE KINEMATICS YoungBeom Kim1 , Byung-Ha Park1 , Kwa...
DATA-DRIVEN SHOULDER INVERSE KINEMATICS YoungBeom Kim1 , Byung-Ha Park1 , Kwa...DATA-DRIVEN SHOULDER INVERSE KINEMATICS YoungBeom Kim1 , Byung-Ha Park1 , Kwa...
DATA-DRIVEN SHOULDER INVERSE KINEMATICS YoungBeom Kim1 , Byung-Ha Park1 , Kwa...
charlesdick1345
 
DT REPORT by Tech titan GROUP to introduce the subject design Thinking
DT REPORT by Tech titan GROUP to introduce the subject design ThinkingDT REPORT by Tech titan GROUP to introduce the subject design Thinking
DT REPORT by Tech titan GROUP to introduce the subject design Thinking
DhruvChotaliya2
 
"Feed Water Heaters in Thermal Power Plants: Types, Working, and Efficiency G...
"Feed Water Heaters in Thermal Power Plants: Types, Working, and Efficiency G..."Feed Water Heaters in Thermal Power Plants: Types, Working, and Efficiency G...
"Feed Water Heaters in Thermal Power Plants: Types, Working, and Efficiency G...
Infopitaara
 
Data Structures_Linear data structures Linked Lists.pptx
Data Structures_Linear data structures Linked Lists.pptxData Structures_Linear data structures Linked Lists.pptx
Data Structures_Linear data structures Linked Lists.pptx
RushaliDeshmukh2
 
Machine learning project on employee attrition detection using (2).pptx
Machine learning project on employee attrition detection using (2).pptxMachine learning project on employee attrition detection using (2).pptx
Machine learning project on employee attrition detection using (2).pptx
rajeswari89780
 
Resistance measurement and cfd test on darpa subboff model
Resistance measurement and cfd test on darpa subboff modelResistance measurement and cfd test on darpa subboff model
Resistance measurement and cfd test on darpa subboff model
INDIAN INSTITUTE OF TECHNOLOGY KHARAGPUR
 
15th International Conference on Computer Science, Engineering and Applicatio...
15th International Conference on Computer Science, Engineering and Applicatio...15th International Conference on Computer Science, Engineering and Applicatio...
15th International Conference on Computer Science, Engineering and Applicatio...
IJCSES Journal
 
Introduction to FLUID MECHANICS & KINEMATICS
Introduction to FLUID MECHANICS &  KINEMATICSIntroduction to FLUID MECHANICS &  KINEMATICS
Introduction to FLUID MECHANICS & KINEMATICS
narayanaswamygdas
 
211421893-M-Tech-CIVIL-Structural-Engineering-pdf.pdf
211421893-M-Tech-CIVIL-Structural-Engineering-pdf.pdf211421893-M-Tech-CIVIL-Structural-Engineering-pdf.pdf
211421893-M-Tech-CIVIL-Structural-Engineering-pdf.pdf
inmishra17121973
 
some basics electrical and electronics knowledge
some basics electrical and electronics knowledgesome basics electrical and electronics knowledge
some basics electrical and electronics knowledge
nguyentrungdo88
 
Data Structures_Searching and Sorting.pptx
Data Structures_Searching and Sorting.pptxData Structures_Searching and Sorting.pptx
Data Structures_Searching and Sorting.pptx
RushaliDeshmukh2
 
Data Structures_Introduction to algorithms.pptx
Data Structures_Introduction to algorithms.pptxData Structures_Introduction to algorithms.pptx
Data Structures_Introduction to algorithms.pptx
RushaliDeshmukh2
 
Lidar for Autonomous Driving, LiDAR Mapping for Driverless Cars.pptx
Lidar for Autonomous Driving, LiDAR Mapping for Driverless Cars.pptxLidar for Autonomous Driving, LiDAR Mapping for Driverless Cars.pptx
Lidar for Autonomous Driving, LiDAR Mapping for Driverless Cars.pptx
RishavKumar530754
 
ELectronics Boards & Product Testing_Shiju.pdf
ELectronics Boards & Product Testing_Shiju.pdfELectronics Boards & Product Testing_Shiju.pdf
ELectronics Boards & Product Testing_Shiju.pdf
Shiju Jacob
 
New Microsoft PowerPoint Presentation.pdf
New Microsoft PowerPoint Presentation.pdfNew Microsoft PowerPoint Presentation.pdf
New Microsoft PowerPoint Presentation.pdf
mohamedezzat18803
 
DSP and MV the Color image processing.ppt
DSP and MV the  Color image processing.pptDSP and MV the  Color image processing.ppt
DSP and MV the Color image processing.ppt
HafizAhamed8
 
"Boiler Feed Pump (BFP): Working, Applications, Advantages, and Limitations E...
"Boiler Feed Pump (BFP): Working, Applications, Advantages, and Limitations E..."Boiler Feed Pump (BFP): Working, Applications, Advantages, and Limitations E...
"Boiler Feed Pump (BFP): Working, Applications, Advantages, and Limitations E...
Infopitaara
 
LECTURE-16 EARTHEN DAM - II.pptx it's uses
LECTURE-16 EARTHEN DAM - II.pptx it's usesLECTURE-16 EARTHEN DAM - II.pptx it's uses
LECTURE-16 EARTHEN DAM - II.pptx it's uses
CLokeshBehera123
 
theory-slides-for react for beginners.pptx
theory-slides-for react for beginners.pptxtheory-slides-for react for beginners.pptx
theory-slides-for react for beginners.pptx
sanchezvanessa7896
 
AI-assisted Software Testing (3-hours tutorial)
AI-assisted Software Testing (3-hours tutorial)AI-assisted Software Testing (3-hours tutorial)
AI-assisted Software Testing (3-hours tutorial)
Vəhid Gəruslu
 
DATA-DRIVEN SHOULDER INVERSE KINEMATICS YoungBeom Kim1 , Byung-Ha Park1 , Kwa...
DATA-DRIVEN SHOULDER INVERSE KINEMATICS YoungBeom Kim1 , Byung-Ha Park1 , Kwa...DATA-DRIVEN SHOULDER INVERSE KINEMATICS YoungBeom Kim1 , Byung-Ha Park1 , Kwa...
DATA-DRIVEN SHOULDER INVERSE KINEMATICS YoungBeom Kim1 , Byung-Ha Park1 , Kwa...
charlesdick1345
 
DT REPORT by Tech titan GROUP to introduce the subject design Thinking
DT REPORT by Tech titan GROUP to introduce the subject design ThinkingDT REPORT by Tech titan GROUP to introduce the subject design Thinking
DT REPORT by Tech titan GROUP to introduce the subject design Thinking
DhruvChotaliya2
 
"Feed Water Heaters in Thermal Power Plants: Types, Working, and Efficiency G...
"Feed Water Heaters in Thermal Power Plants: Types, Working, and Efficiency G..."Feed Water Heaters in Thermal Power Plants: Types, Working, and Efficiency G...
"Feed Water Heaters in Thermal Power Plants: Types, Working, and Efficiency G...
Infopitaara
 
Data Structures_Linear data structures Linked Lists.pptx
Data Structures_Linear data structures Linked Lists.pptxData Structures_Linear data structures Linked Lists.pptx
Data Structures_Linear data structures Linked Lists.pptx
RushaliDeshmukh2
 
Machine learning project on employee attrition detection using (2).pptx
Machine learning project on employee attrition detection using (2).pptxMachine learning project on employee attrition detection using (2).pptx
Machine learning project on employee attrition detection using (2).pptx
rajeswari89780
 
15th International Conference on Computer Science, Engineering and Applicatio...
15th International Conference on Computer Science, Engineering and Applicatio...15th International Conference on Computer Science, Engineering and Applicatio...
15th International Conference on Computer Science, Engineering and Applicatio...
IJCSES Journal
 
Introduction to FLUID MECHANICS & KINEMATICS
Introduction to FLUID MECHANICS &  KINEMATICSIntroduction to FLUID MECHANICS &  KINEMATICS
Introduction to FLUID MECHANICS & KINEMATICS
narayanaswamygdas
 
211421893-M-Tech-CIVIL-Structural-Engineering-pdf.pdf
211421893-M-Tech-CIVIL-Structural-Engineering-pdf.pdf211421893-M-Tech-CIVIL-Structural-Engineering-pdf.pdf
211421893-M-Tech-CIVIL-Structural-Engineering-pdf.pdf
inmishra17121973
 
some basics electrical and electronics knowledge
some basics electrical and electronics knowledgesome basics electrical and electronics knowledge
some basics electrical and electronics knowledge
nguyentrungdo88
 
Data Structures_Searching and Sorting.pptx
Data Structures_Searching and Sorting.pptxData Structures_Searching and Sorting.pptx
Data Structures_Searching and Sorting.pptx
RushaliDeshmukh2
 
Data Structures_Introduction to algorithms.pptx
Data Structures_Introduction to algorithms.pptxData Structures_Introduction to algorithms.pptx
Data Structures_Introduction to algorithms.pptx
RushaliDeshmukh2
 
Ad

Learning html. (Part- 1)

  • 3. HTML stands for Hyper Text Markup Language. HTML is a markup language. HTML is the language in which most websites are written. HTML describes the structure of a web page semantically and originally included cues for the appearance of the document.
  • 4. In order to work with HTML, we must know about: Elements Tags Attributes Headings Paragraphs And in the end you will get a simple structure of HTML page which will sum up every thing.
  • 5. Elements for example: <tag> Content....... </tag> •An HTML element is defined by a start tag, some content, and an end tag. •The <html> element defines the whole document. •It has a start tag <html> and an end tag </html>. •Inside the <html> element is the <body> element.
  • 6. Attributes For Example: 1. HTML links are defined with the <a> tag. The link address is specified in the href attribute. 2. HTML images are defined with the <img> tag. The filename of the image source is specified in the src attribute. 3. HTML images also have width and height attributes, which specifies the width and height of the image •All HTML elements can have attributes •Attributes provide additional information about an element •Attributes are always specified in the start tag •Attributes usually come in name/value pairs like: name="value"
  • 7. These are the tags which are used in the HTML. There are also more tags but these are most commonly used.
  • 8. Headings •HTML headings are titles or subtitles that you want to display on a webpage. HTML headings are defined with the <h1> to <h6> tags. <h1> defines the most important heading. <h6> defines the least important heading
  • 9. Paragraphs For example: <body> <p>Hello!!!</p> <p>I am telling you about paragraph tags.</p> </body> •A paragraph always starts on a new line, and is usually a block of text. •A paragraph always starts on a new line, and browsers automatically add some white space (a margin) before and after a paragraph.
  • 10. Line break For Example: <!DOCTYPE html> <html> <head> <title></title> </head> <body> <p>Hello!!! <br> How are you? </p> </body> </html> •The HTML <br> element defines a line break. •Use <br> if you want a line break (a new line) without starting a new paragraph:
  • 11. Preformatted Text For Example: <pre> My Bonnie lies over the ocean. My Bonnie lies over the sea. My Bonnie lies over the ocean. Oh, bring back my Bonnie to me. </pre> •The HTML <pre> element defines preformatted text. •The text inside a <pre> element is displayed in a fixed- width font (usually Courier), and it preserves both spaces and line breaks: