尊敬的 微信汇率:1円 ≈ 0.046166 元 支付宝汇率:1円 ≈ 0.046257元 [退出登录]
SlideShare a Scribd company logo
By: RNCOE Teacher Trainees 2009-2011 Batch HTML Ruwanpura National College Of Education. Wallandura. Kahawatta. (Basics of HTML) Workshop
SPECIALLY PRESENTED FOR : R/ GANKANDA CENTRAL COLLEGE (NATIONAL SCHOOL) GRADE 10, 11 STUDENTS 2010 – 10 - 04
LANGUAGES WE USE IN COMPUTER ,[object Object],[object Object],[object Object]
NOW WE LEARN ABOUT HTML (HYPER TEXT MARKUP LANGUAGE)
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Beginning of  HTML
Beginning of  HTML (cont.) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
HTML HTML  means  Hyper Text Markup Language . HTML is a language that  helps us to create web sites in the Internet . HTML  helps to coordinate human and the computer . So we have to use some codes to explain to computer what are we going to do. Therefore we use HTML to give instructions to create web sites.
HTML TAGS ,[object Object],[object Object]
SOFTWARE & TEXT EDITORS ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
HTML TAGS ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
ATTRIBUTES ,[object Object],[object Object],[object Object],[object Object],[object Object]
HTML Tags
COMMON STRUCTURE AND FORMATTING HTML TAGS
BASIC TAGS <html></html> Creates an HTML document <head></head> Sets off the title and other  information that isn't displayed on  the Web page itself <body></body> Sets off the visible portion of the  document
HEADER TAGS <title></title> Puts the name of the document in  the title bar   Things in the header section do not appear in the browser
BODY ATTRIBUTES <body bgcolor=?> Sets the background color, using name or  hex value <body text=?> Sets the text color, using name or hex value <body link=?> Sets the color of links, using name or hex  value <body vlink=?> Sets the color of followed links, using name  or hex   value <body alink=?> Sets the color of links on click
TEXT FORMATTING TAGS 1 <hl></hl> Creates the largest header <h6></h6> Creates the smallest header <b></b> Creates bold text <i></i> Creates italic text
TEXT FORMATTING TAGS 2  <strong></strong>   Emphasizes a word (with italic or bold) <font size=“?”></font> Sets size of font <font color=“?”></font> Sets font color, using name or hex value
PARAGRAPH FORMATTING TAGS  <p></p> Creates a new paragraph <p align=?> Aligns a paragraph to the left, right, or  center <br> Inserts a line break <blockquote></blockquote>   Indents text from both sides
LIST FORMATTING TAGS  <ol></ol> Creates a numbered list <ul></ul> Creates a bulleted list with the use of  <li> <li></li> Precedes each list item, and adds a  number
GRAPHICAL ELEMENTS <img src=&quot;name.extention&quot;> Adds an image <img src=&quot;name.extention&quot; align=?> Aligns an image: left, right, center; bottom, top, middle <img src=&quot;name.extention&quot; border=?> Sets size of border around an image <hr> Inserts a horizontal rule <hr size=?> Sets size (height) of rule <hr width=?> Sets width of rule, in percentage or absolute value Always use an alt tag  for images, eg. <img src=“name.extention” alt=“picture of cat”>
TABLE FORMATTING  TAGS ,[object Object],[object Object],[object Object],[object Object],[object Object]
HOW TABLES WORK <tr> </tr> <table> </table> <td> </td> <td> </td> </td> <td> <tr> </tr> <td> </td> <td> </td> </td> <td> <tr> </tr> <td> </td> <td> </td> </td> <td>
LINKS TAGS <a href=&quot;URL&quot;></a> Creates a hyperlink <a href=&quot;mailto:e-mail address&quot;></a> Creates a mailto link <a name=&quot;NAME&quot;></a> Creates a target location within a  document <a href=&quot;#NAME&quot;></a> Links to that target location from  elsewhere in the document
WEB BROWSERS HTML is the language web browsers use to format the data presented in web pages. All browsers are not equal. What we use and why.
NOW !!! SHALL WE MAKE A WEB PAGE ?
BASIC HTML SYNTAX
OTHER WEB DEVELOPMENT  TOOLS Cascading Style Sheet (CSS) JavaScript ,[object Object],[object Object]
More Info ,[object Object],[object Object],[object Object],[object Object]
 
SPECIAL THANKS FOR: ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

More Related Content

What's hot

Html - Tutorial
Html - TutorialHtml - Tutorial
Html - Tutorial
adelaticleanu
 
Html ppt
Html pptHtml ppt
Html ppt
santosh lamba
 
Basic HTML
Basic HTMLBasic HTML
Basic HTML
coachhahn
 
Basic Html Knowledge for students
Basic Html Knowledge for studentsBasic Html Knowledge for students
Basic Html Knowledge for students
vethics
 
Introduction to basic HTML [Librarian edition]
Introduction to basic HTML [Librarian edition]Introduction to basic HTML [Librarian edition]
Introduction to basic HTML [Librarian edition]
Kosie Eloff
 
Web Page Designing
Web Page DesigningWeb Page Designing
Web Page Designing
Amit Mali
 
PPT on Basic HTML Tags
PPT on Basic HTML TagsPPT on Basic HTML Tags
PPT on Basic HTML Tags
VinitaPaliwal1
 
Intr To Html & Xhtml
Intr To Html & XhtmlIntr To Html & Xhtml
HTML
HTMLHTML
HTML Introduction
HTML IntroductionHTML Introduction
HTML Introduction
Hameda Hurmat
 
Basic HTML
Basic HTMLBasic HTML
Basic HTML
Sayan De
 
INTRODUCTION TO HTML
INTRODUCTION TO HTMLINTRODUCTION TO HTML
INTRODUCTION TO HTML
bwire sedrick
 
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
Ameer Khan
 
Html Slide Part-1
Html Slide Part-1Html Slide Part-1
Html Slide Part-1
AAKASH KUMAR
 
Introduction to html
Introduction to htmlIntroduction to html
Introduction to html
vikasgaur31
 
HTML (Hyper Text Markup Language)
HTML (Hyper Text Markup Language)HTML (Hyper Text Markup Language)
HTML (Hyper Text Markup Language)
actanimation
 
basic introduction of html tags
basic introduction  of html tagsbasic introduction  of html tags
basic introduction of html tags
Manish jariyal
 
Html 5
Html 5Html 5
HTML Basics by software development company india
HTML Basics by software development company indiaHTML Basics by software development company india
HTML Basics by software development company india
iFour Institute - Sustainable Learning
 

What's hot (20)

Html - Tutorial
Html - TutorialHtml - Tutorial
Html - Tutorial
 
Html ppt
Html pptHtml ppt
Html ppt
 
Basic HTML
Basic HTMLBasic HTML
Basic HTML
 
Basic Html Knowledge for students
Basic Html Knowledge for studentsBasic Html Knowledge for students
Basic Html Knowledge for students
 
Introduction to basic HTML [Librarian edition]
Introduction to basic HTML [Librarian edition]Introduction to basic HTML [Librarian edition]
Introduction to basic HTML [Librarian edition]
 
Web Page Designing
Web Page DesigningWeb Page Designing
Web Page Designing
 
PPT on Basic HTML Tags
PPT on Basic HTML TagsPPT on Basic HTML Tags
PPT on Basic HTML Tags
 
Intr To Html & Xhtml
Intr To Html & XhtmlIntr To Html & Xhtml
Intr To Html & Xhtml
 
HTML
HTMLHTML
HTML
 
HTML Introduction
HTML IntroductionHTML Introduction
HTML Introduction
 
Basic HTML
Basic HTMLBasic HTML
Basic HTML
 
INTRODUCTION TO HTML
INTRODUCTION TO HTMLINTRODUCTION TO HTML
INTRODUCTION TO HTML
 
Lecture 2 introduction to html
Lecture 2  introduction to htmlLecture 2  introduction to html
Lecture 2 introduction to html
 
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTML
 
Html Slide Part-1
Html Slide Part-1Html Slide Part-1
Html Slide Part-1
 
Introduction to html
Introduction to htmlIntroduction to html
Introduction to html
 
HTML (Hyper Text Markup Language)
HTML (Hyper Text Markup Language)HTML (Hyper Text Markup Language)
HTML (Hyper Text Markup Language)
 
basic introduction of html tags
basic introduction  of html tagsbasic introduction  of html tags
basic introduction of html tags
 
Html 5
Html 5Html 5
Html 5
 
HTML Basics by software development company india
HTML Basics by software development company indiaHTML Basics by software development company india
HTML Basics by software development company india
 

Viewers also liked

Htmlppt 100604051515-phpapp01
Htmlppt 100604051515-phpapp01Htmlppt 100604051515-phpapp01
Htmlppt 100604051515-phpapp01
ramya116
 
Html 5 New Features
Html 5 New FeaturesHtml 5 New Features
Html 5 New Features
Ata Ebrahimi
 
Html basic
Html basicHtml basic
Html basic
Nital Shingala
 
Basics of HTML 5 for Beginners
Basics of HTML 5 for Beginners Basics of HTML 5 for Beginners
Basics of HTML 5 for Beginners
MediaLinkers Kennesaw
 
Final Web Design Project
Final Web Design ProjectFinal Web Design Project
Final Web Design Project
Jeana Bertoldi
 
ICT for Teachers in Basic Education
ICT for Teachers in Basic EducationICT for Teachers in Basic Education
ICT for Teachers in Basic Education
ischool webboard
 
HTML presentation for beginners
HTML presentation for beginnersHTML presentation for beginners
HTML presentation for beginners
jeroenvdmeer
 
Web Design Project Report
Web Design Project ReportWeb Design Project Report
Web Design Project Report
MJ Ferdous
 
Code of ethics for professional teachers copy
Code of ethics for professional teachers   copyCode of ethics for professional teachers   copy
Code of ethics for professional teachers copy
Aloha Gemma Cortes
 
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTML
MayaLisa
 
Web Development using HTML & CSS
Web Development using HTML & CSSWeb Development using HTML & CSS
Web Development using HTML & CSS
Brainware Consultancy Pvt Ltd
 
Visual Design with Data
Visual Design with DataVisual Design with Data
Visual Design with Data
Seth Familian
 

Viewers also liked (12)

Htmlppt 100604051515-phpapp01
Htmlppt 100604051515-phpapp01Htmlppt 100604051515-phpapp01
Htmlppt 100604051515-phpapp01
 
Html 5 New Features
Html 5 New FeaturesHtml 5 New Features
Html 5 New Features
 
Html basic
Html basicHtml basic
Html basic
 
Basics of HTML 5 for Beginners
Basics of HTML 5 for Beginners Basics of HTML 5 for Beginners
Basics of HTML 5 for Beginners
 
Final Web Design Project
Final Web Design ProjectFinal Web Design Project
Final Web Design Project
 
ICT for Teachers in Basic Education
ICT for Teachers in Basic EducationICT for Teachers in Basic Education
ICT for Teachers in Basic Education
 
HTML presentation for beginners
HTML presentation for beginnersHTML presentation for beginners
HTML presentation for beginners
 
Web Design Project Report
Web Design Project ReportWeb Design Project Report
Web Design Project Report
 
Code of ethics for professional teachers copy
Code of ethics for professional teachers   copyCode of ethics for professional teachers   copy
Code of ethics for professional teachers copy
 
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTML
 
Web Development using HTML & CSS
Web Development using HTML & CSSWeb Development using HTML & CSS
Web Development using HTML & CSS
 
Visual Design with Data
Visual Design with DataVisual Design with Data
Visual Design with Data
 

Similar to Html basic

Html
HtmlHtml
Html For Beginners 2
Html For Beginners 2Html For Beginners 2
Html For Beginners 2
Sriram Raj
 
Intro to html
Intro to htmlIntro to html
Intro to html
anshuman rahi
 
Intro to html
Intro to htmlIntro to html
Intro to html
anshuman rahi
 
Design Tools Html Xhtml
Design Tools Html XhtmlDesign Tools Html Xhtml
Design Tools Html Xhtml
Ahsan Uddin Shan
 
Html part2 (1)
Html part2 (1)Html part2 (1)
Html part2 (1)
suba_sqa
 
Html part2
Html part2Html part2
Html part2
suba_sqa
 
AK html
AK  htmlAK  html
AK html
gauravashq
 
Learning HTML
Learning HTMLLearning HTML
Learning HTML
Md. Sirajus Salayhin
 
HTML_Slideshow1
HTML_Slideshow1HTML_Slideshow1
HTML_Slideshow1
ldehn
 
HTML Fundamentals
HTML FundamentalsHTML Fundamentals
HTML Fundamentals
Doncho Minkov
 
Html
HtmlHtml
Prabu html
Prabu htmlPrabu html
Prabu html
Prabu Cse
 
How To Create Personal Web Pages On My Web
How To Create Personal Web Pages On My WebHow To Create Personal Web Pages On My Web
How To Create Personal Web Pages On My Web
sritikumar
 
Html intro
Html introHtml intro
Html intro
kalaivani.g
 
Html intro
Html introHtml intro
Html intro
kalaivani.g
 
Lect_html1
Lect_html1Lect_html1
Lect_html1
ibrahim osama
 
Html guide
Html guideHtml guide
Html guide
Dileysi
 
Module 2 Lesson 1
Module 2 Lesson 1Module 2 Lesson 1
Module 2 Lesson 1
claytors
 
HTML & CSS
HTML & CSSHTML & CSS
HTML & CSS
jlinabary
 

Similar to Html basic (20)

Html
HtmlHtml
Html
 
Html For Beginners 2
Html For Beginners 2Html For Beginners 2
Html For Beginners 2
 
Intro to html
Intro to htmlIntro to html
Intro to html
 
Intro to html
Intro to htmlIntro to html
Intro to html
 
Design Tools Html Xhtml
Design Tools Html XhtmlDesign Tools Html Xhtml
Design Tools Html Xhtml
 
Html part2 (1)
Html part2 (1)Html part2 (1)
Html part2 (1)
 
Html part2
Html part2Html part2
Html part2
 
AK html
AK  htmlAK  html
AK html
 
Learning HTML
Learning HTMLLearning HTML
Learning HTML
 
HTML_Slideshow1
HTML_Slideshow1HTML_Slideshow1
HTML_Slideshow1
 
HTML Fundamentals
HTML FundamentalsHTML Fundamentals
HTML Fundamentals
 
Html
HtmlHtml
Html
 
Prabu html
Prabu htmlPrabu html
Prabu html
 
How To Create Personal Web Pages On My Web
How To Create Personal Web Pages On My WebHow To Create Personal Web Pages On My Web
How To Create Personal Web Pages On My Web
 
Html intro
Html introHtml intro
Html intro
 
Html intro
Html introHtml intro
Html intro
 
Lect_html1
Lect_html1Lect_html1
Lect_html1
 
Html guide
Html guideHtml guide
Html guide
 
Module 2 Lesson 1
Module 2 Lesson 1Module 2 Lesson 1
Module 2 Lesson 1
 
HTML & CSS
HTML & CSSHTML & CSS
HTML & CSS
 

Recently uploaded

220711130088 Sumi Basak Virtual University EPC 3.pptx
220711130088 Sumi Basak Virtual University EPC 3.pptx220711130088 Sumi Basak Virtual University EPC 3.pptx
220711130088 Sumi Basak Virtual University EPC 3.pptx
Kalna College
 
managing Behaviour in early childhood education.pptx
managing Behaviour in early childhood education.pptxmanaging Behaviour in early childhood education.pptx
managing Behaviour in early childhood education.pptx
nabaegha
 
220711130082 Srabanti Bag Internet Resources For Natural Science
220711130082 Srabanti Bag Internet Resources For Natural Science220711130082 Srabanti Bag Internet Resources For Natural Science
220711130082 Srabanti Bag Internet Resources For Natural Science
Kalna College
 
INTRODUCTION TO HOSPITALS & AND ITS ORGANIZATION
INTRODUCTION TO HOSPITALS & AND ITS ORGANIZATION INTRODUCTION TO HOSPITALS & AND ITS ORGANIZATION
INTRODUCTION TO HOSPITALS & AND ITS ORGANIZATION
ShwetaGawande8
 
IoT (Internet of Things) introduction Notes.pdf
IoT (Internet of Things) introduction Notes.pdfIoT (Internet of Things) introduction Notes.pdf
IoT (Internet of Things) introduction Notes.pdf
roshanranjit222
 
Diversity Quiz Finals by Quiz Club, IIT Kanpur
Diversity Quiz Finals by Quiz Club, IIT KanpurDiversity Quiz Finals by Quiz Club, IIT Kanpur
Diversity Quiz Finals by Quiz Club, IIT Kanpur
Quiz Club IIT Kanpur
 
Diversity Quiz Prelims by Quiz Club, IIT Kanpur
Diversity Quiz Prelims by Quiz Club, IIT KanpurDiversity Quiz Prelims by Quiz Club, IIT Kanpur
Diversity Quiz Prelims by Quiz Club, IIT Kanpur
Quiz Club IIT Kanpur
 
Contiguity Of Various Message Forms - Rupam Chandra.pptx
Contiguity Of Various Message Forms - Rupam Chandra.pptxContiguity Of Various Message Forms - Rupam Chandra.pptx
Contiguity Of Various Message Forms - Rupam Chandra.pptx
Kalna College
 
Accounting for Restricted Grants When and How To Record Properly
Accounting for Restricted Grants  When and How To Record ProperlyAccounting for Restricted Grants  When and How To Record Properly
Accounting for Restricted Grants When and How To Record Properly
TechSoup
 
Opportunity scholarships and the schools that receive them
Opportunity scholarships and the schools that receive themOpportunity scholarships and the schools that receive them
Opportunity scholarships and the schools that receive them
EducationNC
 
Erasmus + DISSEMINATION ACTIVITIES Croatia
Erasmus + DISSEMINATION ACTIVITIES CroatiaErasmus + DISSEMINATION ACTIVITIES Croatia
Erasmus + DISSEMINATION ACTIVITIES Croatia
whatchangedhowreflec
 
BỘ BÀI TẬP TEST THEO UNIT - FORM 2025 - TIẾNG ANH 12 GLOBAL SUCCESS - KÌ 1 (B...
BỘ BÀI TẬP TEST THEO UNIT - FORM 2025 - TIẾNG ANH 12 GLOBAL SUCCESS - KÌ 1 (B...BỘ BÀI TẬP TEST THEO UNIT - FORM 2025 - TIẾNG ANH 12 GLOBAL SUCCESS - KÌ 1 (B...
BỘ BÀI TẬP TEST THEO UNIT - FORM 2025 - TIẾNG ANH 12 GLOBAL SUCCESS - KÌ 1 (B...
Nguyen Thanh Tu Collection
 
Post init hook in the odoo 17 ERP Module
Post init hook in the  odoo 17 ERP ModulePost init hook in the  odoo 17 ERP Module
Post init hook in the odoo 17 ERP Module
Celine George
 
Creativity for Innovation and Speechmaking
Creativity for Innovation and SpeechmakingCreativity for Innovation and Speechmaking
Creativity for Innovation and Speechmaking
MattVassar1
 
Observational Learning
Observational Learning Observational Learning
Observational Learning
sanamushtaq922
 
How to Download & Install Module From the Odoo App Store in Odoo 17
How to Download & Install Module From the Odoo App Store in Odoo 17How to Download & Install Module From the Odoo App Store in Odoo 17
How to Download & Install Module From the Odoo App Store in Odoo 17
Celine George
 
Interprofessional Education Platform Introduction.pdf
Interprofessional Education Platform Introduction.pdfInterprofessional Education Platform Introduction.pdf
Interprofessional Education Platform Introduction.pdf
Ben Aldrich
 
Cross-Cultural Leadership and Communication
Cross-Cultural Leadership and CommunicationCross-Cultural Leadership and Communication
Cross-Cultural Leadership and Communication
MattVassar1
 
Decolonizing Universal Design for Learning
Decolonizing Universal Design for LearningDecolonizing Universal Design for Learning
Decolonizing Universal Design for Learning
Frederic Fovet
 
The basics of sentences session 8pptx.pptx
The basics of sentences session 8pptx.pptxThe basics of sentences session 8pptx.pptx
The basics of sentences session 8pptx.pptx
heathfieldcps1
 

Recently uploaded (20)

220711130088 Sumi Basak Virtual University EPC 3.pptx
220711130088 Sumi Basak Virtual University EPC 3.pptx220711130088 Sumi Basak Virtual University EPC 3.pptx
220711130088 Sumi Basak Virtual University EPC 3.pptx
 
managing Behaviour in early childhood education.pptx
managing Behaviour in early childhood education.pptxmanaging Behaviour in early childhood education.pptx
managing Behaviour in early childhood education.pptx
 
220711130082 Srabanti Bag Internet Resources For Natural Science
220711130082 Srabanti Bag Internet Resources For Natural Science220711130082 Srabanti Bag Internet Resources For Natural Science
220711130082 Srabanti Bag Internet Resources For Natural Science
 
INTRODUCTION TO HOSPITALS & AND ITS ORGANIZATION
INTRODUCTION TO HOSPITALS & AND ITS ORGANIZATION INTRODUCTION TO HOSPITALS & AND ITS ORGANIZATION
INTRODUCTION TO HOSPITALS & AND ITS ORGANIZATION
 
IoT (Internet of Things) introduction Notes.pdf
IoT (Internet of Things) introduction Notes.pdfIoT (Internet of Things) introduction Notes.pdf
IoT (Internet of Things) introduction Notes.pdf
 
Diversity Quiz Finals by Quiz Club, IIT Kanpur
Diversity Quiz Finals by Quiz Club, IIT KanpurDiversity Quiz Finals by Quiz Club, IIT Kanpur
Diversity Quiz Finals by Quiz Club, IIT Kanpur
 
Diversity Quiz Prelims by Quiz Club, IIT Kanpur
Diversity Quiz Prelims by Quiz Club, IIT KanpurDiversity Quiz Prelims by Quiz Club, IIT Kanpur
Diversity Quiz Prelims by Quiz Club, IIT Kanpur
 
Contiguity Of Various Message Forms - Rupam Chandra.pptx
Contiguity Of Various Message Forms - Rupam Chandra.pptxContiguity Of Various Message Forms - Rupam Chandra.pptx
Contiguity Of Various Message Forms - Rupam Chandra.pptx
 
Accounting for Restricted Grants When and How To Record Properly
Accounting for Restricted Grants  When and How To Record ProperlyAccounting for Restricted Grants  When and How To Record Properly
Accounting for Restricted Grants When and How To Record Properly
 
Opportunity scholarships and the schools that receive them
Opportunity scholarships and the schools that receive themOpportunity scholarships and the schools that receive them
Opportunity scholarships and the schools that receive them
 
Erasmus + DISSEMINATION ACTIVITIES Croatia
Erasmus + DISSEMINATION ACTIVITIES CroatiaErasmus + DISSEMINATION ACTIVITIES Croatia
Erasmus + DISSEMINATION ACTIVITIES Croatia
 
BỘ BÀI TẬP TEST THEO UNIT - FORM 2025 - TIẾNG ANH 12 GLOBAL SUCCESS - KÌ 1 (B...
BỘ BÀI TẬP TEST THEO UNIT - FORM 2025 - TIẾNG ANH 12 GLOBAL SUCCESS - KÌ 1 (B...BỘ BÀI TẬP TEST THEO UNIT - FORM 2025 - TIẾNG ANH 12 GLOBAL SUCCESS - KÌ 1 (B...
BỘ BÀI TẬP TEST THEO UNIT - FORM 2025 - TIẾNG ANH 12 GLOBAL SUCCESS - KÌ 1 (B...
 
Post init hook in the odoo 17 ERP Module
Post init hook in the  odoo 17 ERP ModulePost init hook in the  odoo 17 ERP Module
Post init hook in the odoo 17 ERP Module
 
Creativity for Innovation and Speechmaking
Creativity for Innovation and SpeechmakingCreativity for Innovation and Speechmaking
Creativity for Innovation and Speechmaking
 
Observational Learning
Observational Learning Observational Learning
Observational Learning
 
How to Download & Install Module From the Odoo App Store in Odoo 17
How to Download & Install Module From the Odoo App Store in Odoo 17How to Download & Install Module From the Odoo App Store in Odoo 17
How to Download & Install Module From the Odoo App Store in Odoo 17
 
Interprofessional Education Platform Introduction.pdf
Interprofessional Education Platform Introduction.pdfInterprofessional Education Platform Introduction.pdf
Interprofessional Education Platform Introduction.pdf
 
Cross-Cultural Leadership and Communication
Cross-Cultural Leadership and CommunicationCross-Cultural Leadership and Communication
Cross-Cultural Leadership and Communication
 
Decolonizing Universal Design for Learning
Decolonizing Universal Design for LearningDecolonizing Universal Design for Learning
Decolonizing Universal Design for Learning
 
The basics of sentences session 8pptx.pptx
The basics of sentences session 8pptx.pptxThe basics of sentences session 8pptx.pptx
The basics of sentences session 8pptx.pptx
 

Html basic

  • 1. By: RNCOE Teacher Trainees 2009-2011 Batch HTML Ruwanpura National College Of Education. Wallandura. Kahawatta. (Basics of HTML) Workshop
  • 2. SPECIALLY PRESENTED FOR : R/ GANKANDA CENTRAL COLLEGE (NATIONAL SCHOOL) GRADE 10, 11 STUDENTS 2010 – 10 - 04
  • 3.
  • 4. NOW WE LEARN ABOUT HTML (HYPER TEXT MARKUP LANGUAGE)
  • 5.
  • 6.
  • 7. HTML HTML means Hyper Text Markup Language . HTML is a language that helps us to create web sites in the Internet . HTML helps to coordinate human and the computer . So we have to use some codes to explain to computer what are we going to do. Therefore we use HTML to give instructions to create web sites.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 14. COMMON STRUCTURE AND FORMATTING HTML TAGS
  • 15. BASIC TAGS <html></html> Creates an HTML document <head></head> Sets off the title and other information that isn't displayed on the Web page itself <body></body> Sets off the visible portion of the document
  • 16. HEADER TAGS <title></title> Puts the name of the document in the title bar Things in the header section do not appear in the browser
  • 17. BODY ATTRIBUTES <body bgcolor=?> Sets the background color, using name or hex value <body text=?> Sets the text color, using name or hex value <body link=?> Sets the color of links, using name or hex value <body vlink=?> Sets the color of followed links, using name or hex value <body alink=?> Sets the color of links on click
  • 18. TEXT FORMATTING TAGS 1 <hl></hl> Creates the largest header <h6></h6> Creates the smallest header <b></b> Creates bold text <i></i> Creates italic text
  • 19. TEXT FORMATTING TAGS 2 <strong></strong> Emphasizes a word (with italic or bold) <font size=“?”></font> Sets size of font <font color=“?”></font> Sets font color, using name or hex value
  • 20. PARAGRAPH FORMATTING TAGS <p></p> Creates a new paragraph <p align=?> Aligns a paragraph to the left, right, or center <br> Inserts a line break <blockquote></blockquote> Indents text from both sides
  • 21. LIST FORMATTING TAGS <ol></ol> Creates a numbered list <ul></ul> Creates a bulleted list with the use of <li> <li></li> Precedes each list item, and adds a number
  • 22. GRAPHICAL ELEMENTS <img src=&quot;name.extention&quot;> Adds an image <img src=&quot;name.extention&quot; align=?> Aligns an image: left, right, center; bottom, top, middle <img src=&quot;name.extention&quot; border=?> Sets size of border around an image <hr> Inserts a horizontal rule <hr size=?> Sets size (height) of rule <hr width=?> Sets width of rule, in percentage or absolute value Always use an alt tag for images, eg. <img src=“name.extention” alt=“picture of cat”>
  • 23.
  • 24. HOW TABLES WORK <tr> </tr> <table> </table> <td> </td> <td> </td> </td> <td> <tr> </tr> <td> </td> <td> </td> </td> <td> <tr> </tr> <td> </td> <td> </td> </td> <td>
  • 25. LINKS TAGS <a href=&quot;URL&quot;></a> Creates a hyperlink <a href=&quot;mailto:e-mail address&quot;></a> Creates a mailto link <a name=&quot;NAME&quot;></a> Creates a target location within a document <a href=&quot;#NAME&quot;></a> Links to that target location from elsewhere in the document
  • 26. WEB BROWSERS HTML is the language web browsers use to format the data presented in web pages. All browsers are not equal. What we use and why.
  • 27. NOW !!! SHALL WE MAKE A WEB PAGE ?
  • 29.
  • 30.
  • 31.  
  • 32.
  翻译: