SlideShare a Scribd company logo
1 of 9
HTML
Hyper Text Markup Language
By
Dr. I. Uma Maheswari
iuma_maheswari@yahoo.co.in
Introduction
• It came into existence in 1989 by
researcher Tim Berners Lee.
• HTML helps in linking several related
information already stored in a computer
which can be accessed anywhere in the
world.
• It includes text, pictures and links to other
related documents.
• It is a non – case sensitive language.
Tools required
Things that are needed to create and access
a HTML document
1. A Text Editor
2. A Web Browser
3. A Graphics Tool
4. A Web server (Optional)
• Text Editor
– To write a HTML document code we need a
text editor or a word processor which saves
the documents in plain, flat, un styled ASCII
style text.
• Web Browser
– HTML requires a web browser to display the
document (web page) created using text
editor.
– The Browsers are MS Internet Explorer,
Netscape Navigator, Mosaic, Net cruiser, Mac
Web etc.
• A Graphics tool
– A web page consists of pictures and to get
them in the right format we require this tool.
(GIF – Graphics Interchange Format)
• A web server
– Any HTML document created with the help of
text editor and browser can be viewed only in
the local system in which it was created.
– When the same document has to be viewed
by others around the world it can be hosted
on a web server.
Starting a HTML Document
Step 1: Open Notepad
Start Program Accessories Notepad
Step 2:
Type the HTML Code
Step 3:
Save the code by giving a filename with an
extension HTML
To view the created HTML
document
Step 1: Open Internet Explorer
Start Program Internet Explorer
Step 2:
Click on file open, to open the file that you have saved
Step 3:
A dialog box appears, type the filename or browser
for the file.
• Locate the file by clicking on ‘browser’
button. Another dialog box appears.
• After locating the file, click on ‘open’
button.
• Now HTML page will be displayed on the
browser
Modifying HTML code
Step 1: To modify the HTML code, select view
source, now notepad window will be opened.
Step 2: Make required modifications.
Step 3: Save the file again.
Step 4: Now go to the browser window, click on
‘refresh; button or select view refresh or press
F5 key. The modified page will be displayed.

More Related Content

Similar to Computer language - HTML (Hyper Text Markup Language)

Artdm171 Week2: History of the Web
Artdm171 Week2: History of the WebArtdm171 Week2: History of the Web
Artdm171 Week2: History of the Web
Gilbert Guerrero
 
shobhit training report (3) (4).pdf report
shobhit training report (3) (4).pdf reportshobhit training report (3) (4).pdf report
shobhit training report (3) (4).pdf report
poojaranga2911
 
COMPUTER-9-LESSON-2-Basic-HTML-Elements.pptx
COMPUTER-9-LESSON-2-Basic-HTML-Elements.pptxCOMPUTER-9-LESSON-2-Basic-HTML-Elements.pptx
COMPUTER-9-LESSON-2-Basic-HTML-Elements.pptx
joydesiar2
 
ARTDM 171, Week 2: A Brief History + Web Basics
ARTDM 171, Week 2: A Brief History + Web BasicsARTDM 171, Week 2: A Brief History + Web Basics
ARTDM 171, Week 2: A Brief History + Web Basics
Gilbert Guerrero
 

Similar to Computer language - HTML (Hyper Text Markup Language) (20)

HTML
HTMLHTML
HTML
 
HTML Start Up - Introduction to HTML
HTML Start Up - Introduction to HTMLHTML Start Up - Introduction to HTML
HTML Start Up - Introduction to HTML
 
WT_TOTAL.pdf
WT_TOTAL.pdfWT_TOTAL.pdf
WT_TOTAL.pdf
 
Artdm171 Week2: History of the Web
Artdm171 Week2: History of the WebArtdm171 Week2: History of the Web
Artdm171 Week2: History of the Web
 
IS100 Week 12
IS100 Week 12IS100 Week 12
IS100 Week 12
 
Introduction to web page
Introduction to web pageIntroduction to web page
Introduction to web page
 
Module 5 and 6
Module 5 and 6Module 5 and 6
Module 5 and 6
 
Html Concept
Html ConceptHtml Concept
Html Concept
 
INTRODUCTION TO HTML
INTRODUCTION TO HTMLINTRODUCTION TO HTML
INTRODUCTION TO HTML
 
Web Design
Web DesignWeb Design
Web Design
 
Module 3
Module 3Module 3
Module 3
 
WEB TECHNOLOGY Unit-4.pptx
WEB TECHNOLOGY Unit-4.pptxWEB TECHNOLOGY Unit-4.pptx
WEB TECHNOLOGY Unit-4.pptx
 
HTML standards
HTML standardsHTML standards
HTML standards
 
Web design - How the Web works?
Web design - How the Web works?Web design - How the Web works?
Web design - How the Web works?
 
Dreaweaver cs5
Dreaweaver cs5Dreaweaver cs5
Dreaweaver cs5
 
Full Stack Development Course in Gurgaon
Full Stack Development Course in GurgaonFull Stack Development Course in Gurgaon
Full Stack Development Course in Gurgaon
 
shobhit training report (3) (4).pdf report
shobhit training report (3) (4).pdf reportshobhit training report (3) (4).pdf report
shobhit training report (3) (4).pdf report
 
COMPUTER-9-LESSON-2-Basic-HTML-Elements.pptx
COMPUTER-9-LESSON-2-Basic-HTML-Elements.pptxCOMPUTER-9-LESSON-2-Basic-HTML-Elements.pptx
COMPUTER-9-LESSON-2-Basic-HTML-Elements.pptx
 
9 10 july2020
9 10 july20209 10 july2020
9 10 july2020
 
ARTDM 171, Week 2: A Brief History + Web Basics
ARTDM 171, Week 2: A Brief History + Web BasicsARTDM 171, Week 2: A Brief History + Web Basics
ARTDM 171, Week 2: A Brief History + Web Basics
 

More from Dr. I. Uma Maheswari Maheswari

More from Dr. I. Uma Maheswari Maheswari (20)

2h. Pedagogy of mathematics part II (numbers and sequence - ex 2.8)
2h. Pedagogy of mathematics   part II (numbers and sequence - ex 2.8)2h. Pedagogy of mathematics   part II (numbers and sequence - ex 2.8)
2h. Pedagogy of mathematics part II (numbers and sequence - ex 2.8)
 
2g. Pedagogy of mathematics part II (numbers and sequence - ex 2.7)
2g. Pedagogy of mathematics   part II (numbers and sequence - ex 2.7)2g. Pedagogy of mathematics   part II (numbers and sequence - ex 2.7)
2g. Pedagogy of mathematics part II (numbers and sequence - ex 2.7)
 
2f. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.6)
2f. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.6)2f. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.6)
2f. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.6)
 
2e. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.5)
2e. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.5)2e. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.5)
2e. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.5)
 
2d. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.4)
2d. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.4)2d. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.4)
2d. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.4)
 
2c. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.3)
2c. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.3)2c. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.3)
2c. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.3)
 
2b. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.2)
2b. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.2)2b. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.2)
2b. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.2)
 
2a. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.1)
2a. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.1)2a. Pedagogy of Mathematics -  Part II (Numbers and Sequence - Ex 2.1)
2a. Pedagogy of Mathematics - Part II (Numbers and Sequence - Ex 2.1)
 
Computer language - Html forms
Computer language - Html formsComputer language - Html forms
Computer language - Html forms
 
computer language - Html frames
computer language - Html framescomputer language - Html frames
computer language - Html frames
 
Computer language - Html tables
Computer language - Html tablesComputer language - Html tables
Computer language - Html tables
 
Pedagogy - teaching models
Pedagogy - teaching modelsPedagogy - teaching models
Pedagogy - teaching models
 
Computer language - html links
Computer language - html   linksComputer language - html   links
Computer language - html links
 
Computer language - html images and sounds
Computer language - html   images and soundsComputer language - html   images and sounds
Computer language - html images and sounds
 
computer language - html lists
computer language - html listscomputer language - html lists
computer language - html lists
 
Computer language - HTML tags
Computer language - HTML tagsComputer language - HTML tags
Computer language - HTML tags
 
X std maths - Relations and functions (ex 1.5 & 1.6)
X std maths -  Relations and functions (ex 1.5 & 1.6)X std maths -  Relations and functions (ex 1.5 & 1.6)
X std maths - Relations and functions (ex 1.5 & 1.6)
 
X std maths - Relations and functions (ex 1.4)
X std maths - Relations and functions  (ex 1.4)X std maths - Relations and functions  (ex 1.4)
X std maths - Relations and functions (ex 1.4)
 
X std maths - Relations and functions (ex 1.3)
X std maths -  Relations and functions  (ex 1.3)X std maths -  Relations and functions  (ex 1.3)
X std maths - Relations and functions (ex 1.3)
 
X std mathematics - Relations and functions (Ex 1.2)
X std mathematics - Relations and functions  (Ex 1.2)X std mathematics - Relations and functions  (Ex 1.2)
X std mathematics - Relations and functions (Ex 1.2)
 

Recently uploaded

The basics of sentences session 4pptx.pptx
The basics of sentences session 4pptx.pptxThe basics of sentences session 4pptx.pptx
The basics of sentences session 4pptx.pptx
heathfieldcps1
 
IATP How-to Foreign Travel May 2024.pdff
IATP How-to Foreign Travel May 2024.pdffIATP How-to Foreign Travel May 2024.pdff
IATP How-to Foreign Travel May 2024.pdff
17thcssbs2
 

Recently uploaded (20)

The Last Leaf, a short story by O. Henry
The Last Leaf, a short story by O. HenryThe Last Leaf, a short story by O. Henry
The Last Leaf, a short story by O. Henry
 
TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT VẬT LÝ 2024 - TỪ CÁC TRƯỜNG, TRƯ...
TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT VẬT LÝ 2024 - TỪ CÁC TRƯỜNG, TRƯ...TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT VẬT LÝ 2024 - TỪ CÁC TRƯỜNG, TRƯ...
TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT VẬT LÝ 2024 - TỪ CÁC TRƯỜNG, TRƯ...
 
Matatag-Curriculum and the 21st Century Skills Presentation.pptx
Matatag-Curriculum and the 21st Century Skills Presentation.pptxMatatag-Curriculum and the 21st Century Skills Presentation.pptx
Matatag-Curriculum and the 21st Century Skills Presentation.pptx
 
Morse OER Some Benefits and Challenges.pptx
Morse OER Some Benefits and Challenges.pptxMorse OER Some Benefits and Challenges.pptx
Morse OER Some Benefits and Challenges.pptx
 
Research Methods in Psychology | Cambridge AS Level | Cambridge Assessment In...
Research Methods in Psychology | Cambridge AS Level | Cambridge Assessment In...Research Methods in Psychology | Cambridge AS Level | Cambridge Assessment In...
Research Methods in Psychology | Cambridge AS Level | Cambridge Assessment In...
 
The Benefits and Challenges of Open Educational Resources
The Benefits and Challenges of Open Educational ResourcesThe Benefits and Challenges of Open Educational Resources
The Benefits and Challenges of Open Educational Resources
 
50 ĐỀ LUYỆN THI IOE LỚP 9 - NĂM HỌC 2022-2023 (CÓ LINK HÌNH, FILE AUDIO VÀ ĐÁ...
50 ĐỀ LUYỆN THI IOE LỚP 9 - NĂM HỌC 2022-2023 (CÓ LINK HÌNH, FILE AUDIO VÀ ĐÁ...50 ĐỀ LUYỆN THI IOE LỚP 9 - NĂM HỌC 2022-2023 (CÓ LINK HÌNH, FILE AUDIO VÀ ĐÁ...
50 ĐỀ LUYỆN THI IOE LỚP 9 - NĂM HỌC 2022-2023 (CÓ LINK HÌNH, FILE AUDIO VÀ ĐÁ...
 
INU_CAPSTONEDESIGN_비밀번호486_업로드용 발표자료.pdf
INU_CAPSTONEDESIGN_비밀번호486_업로드용 발표자료.pdfINU_CAPSTONEDESIGN_비밀번호486_업로드용 발표자료.pdf
INU_CAPSTONEDESIGN_비밀번호486_업로드용 발표자료.pdf
 
The basics of sentences session 4pptx.pptx
The basics of sentences session 4pptx.pptxThe basics of sentences session 4pptx.pptx
The basics of sentences session 4pptx.pptx
 
Removal Strategy _ FEFO _ Working with Perishable Products in Odoo 17
Removal Strategy _ FEFO _ Working with Perishable Products in Odoo 17Removal Strategy _ FEFO _ Working with Perishable Products in Odoo 17
Removal Strategy _ FEFO _ Working with Perishable Products in Odoo 17
 
Capitol Tech Univ Doctoral Presentation -May 2024
Capitol Tech Univ Doctoral Presentation -May 2024Capitol Tech Univ Doctoral Presentation -May 2024
Capitol Tech Univ Doctoral Presentation -May 2024
 
Operations Management - Book1.p - Dr. Abdulfatah A. Salem
Operations Management - Book1.p  - Dr. Abdulfatah A. SalemOperations Management - Book1.p  - Dr. Abdulfatah A. Salem
Operations Management - Book1.p - Dr. Abdulfatah A. Salem
 
IATP How-to Foreign Travel May 2024.pdff
IATP How-to Foreign Travel May 2024.pdffIATP How-to Foreign Travel May 2024.pdff
IATP How-to Foreign Travel May 2024.pdff
 
Telling Your Story_ Simple Steps to Build Your Nonprofit's Brand Webinar.pdf
Telling Your Story_ Simple Steps to Build Your Nonprofit's Brand Webinar.pdfTelling Your Story_ Simple Steps to Build Your Nonprofit's Brand Webinar.pdf
Telling Your Story_ Simple Steps to Build Your Nonprofit's Brand Webinar.pdf
 
Mbaye_Astou.Education Civica_Human Rights.pptx
Mbaye_Astou.Education Civica_Human Rights.pptxMbaye_Astou.Education Civica_Human Rights.pptx
Mbaye_Astou.Education Civica_Human Rights.pptx
 
Pragya Champions Chalice 2024 Prelims & Finals Q/A set, General Quiz
Pragya Champions Chalice 2024 Prelims & Finals Q/A set, General QuizPragya Champions Chalice 2024 Prelims & Finals Q/A set, General Quiz
Pragya Champions Chalice 2024 Prelims & Finals Q/A set, General Quiz
 
Keeping Your Information Safe with Centralized Security Services
Keeping Your Information Safe with Centralized Security ServicesKeeping Your Information Safe with Centralized Security Services
Keeping Your Information Safe with Centralized Security Services
 
philosophy and it's principles based on the life
philosophy and it's principles based on the lifephilosophy and it's principles based on the life
philosophy and it's principles based on the life
 
[GDSC YCCE] Build with AI Online Presentation
[GDSC YCCE] Build with AI Online Presentation[GDSC YCCE] Build with AI Online Presentation
[GDSC YCCE] Build with AI Online Presentation
 
Danh sách HSG Bộ môn cấp trường - Cấp THPT.pdf
Danh sách HSG Bộ môn cấp trường - Cấp THPT.pdfDanh sách HSG Bộ môn cấp trường - Cấp THPT.pdf
Danh sách HSG Bộ môn cấp trường - Cấp THPT.pdf
 

Computer language - HTML (Hyper Text Markup Language)

  • 1. HTML Hyper Text Markup Language By Dr. I. Uma Maheswari iuma_maheswari@yahoo.co.in
  • 2. Introduction • It came into existence in 1989 by researcher Tim Berners Lee. • HTML helps in linking several related information already stored in a computer which can be accessed anywhere in the world. • It includes text, pictures and links to other related documents. • It is a non – case sensitive language.
  • 3. Tools required Things that are needed to create and access a HTML document 1. A Text Editor 2. A Web Browser 3. A Graphics Tool 4. A Web server (Optional)
  • 4. • Text Editor – To write a HTML document code we need a text editor or a word processor which saves the documents in plain, flat, un styled ASCII style text. • Web Browser – HTML requires a web browser to display the document (web page) created using text editor. – The Browsers are MS Internet Explorer, Netscape Navigator, Mosaic, Net cruiser, Mac Web etc.
  • 5. • A Graphics tool – A web page consists of pictures and to get them in the right format we require this tool. (GIF – Graphics Interchange Format) • A web server – Any HTML document created with the help of text editor and browser can be viewed only in the local system in which it was created. – When the same document has to be viewed by others around the world it can be hosted on a web server.
  • 6. Starting a HTML Document Step 1: Open Notepad Start Program Accessories Notepad Step 2: Type the HTML Code Step 3: Save the code by giving a filename with an extension HTML
  • 7. To view the created HTML document Step 1: Open Internet Explorer Start Program Internet Explorer Step 2: Click on file open, to open the file that you have saved Step 3: A dialog box appears, type the filename or browser for the file.
  • 8. • Locate the file by clicking on ‘browser’ button. Another dialog box appears. • After locating the file, click on ‘open’ button. • Now HTML page will be displayed on the browser
  • 9. Modifying HTML code Step 1: To modify the HTML code, select view source, now notepad window will be opened. Step 2: Make required modifications. Step 3: Save the file again. Step 4: Now go to the browser window, click on ‘refresh; button or select view refresh or press F5 key. The modified page will be displayed.