SlideShare une entreprise Scribd logo
1  sur  14
UNDERSTANDING 24 HOUR TIME
Class 5F
WELCOME EVERYONE
Do you know what “24- hour time” means?
Today, you will navigate this presentation and you will learn to:
• Convert 12- and 24- hour time systems.
• Identify time differences between 12- and 24- hour systems.
• Provide a written explanation of the different time systems. (Optional).

I am here to help you as always,
Mrs Fink.

Dreamstime, n.d. [Image file].
HARRY RECEIVES A TEXT
FROM HIS MUM:
“15:10?” He wonders.
“What does that mean?”

Fink, 2013a. [Image file].
THERE ARE 24 HOURS IN
A DAY…
24 HOUR TIME SHOWS THE HOURS & MINUTES SINCE MIDNIGHT
A “24 hour clock” identifies the time
without the use of AM/PM information
that is used in a “12 hour clock”.
(e.g.: 11:00am = 11:00).
Kahlai, 2011. [Image file].

24 hour time is useful in military, travel and medical industries to avoid confusion.
CONVERTING 12- & 24- HOUR TIMES
LOOK AT THE TABLE →
To convert 12- hour to 24- hour time:

•

If “AM” time – do nothing, simply ensure four digits are used.

(e.g. 6:00am = 06:00).
•

If “PM” time - add “12”.

(e.g. 2:00pm = 2 + 12 = 14:00).
To convert 24- hour to 12- hour time:
•

FoundationsA, n.d. [Image file].

If time > 12, subtract 12 and note as “PM”.

(e.g. 15:00 (greater than 12) = 15 – 12 = 3:00pm).
•

If time < 12, do nothing, simply ensure four digits are used.

(e.g. 9:30am = 09:30).

*PRINT THIS PAGE
UNDERSTANDING 24- HOUR TIME
• Watch the video →
• Upon completion, return to this
presentation for next steps.

FutureSchoolVideos. 2011. [Video file.]
SOLA Optical, n.d. [Image file.]
TIME TO PRACTICE
• Time to practice!
• Instructions:
• Complete the practice questions →
• Take your time & use your printed
page to guide you when necessary.
• Upon completion, “print screen”
(results) and email to Mrs Fink before
returning to this presentation.
(http://www.outlook.com).
More Than a Sunday Faith, 2013. [Image file].
Mathopolis. (2013). [Web quiz].
YOUR TASK
• An airline timetable is missing key information!
• Using what you have learned today, calculate the missing pieces of information.

• Use Word, Excel or PowerPoint to present your findings. Present all times in 12 and 24
hour time.
• Email to Mrs Fink. http://www.outlook.com
• The next two slides have the information you need for the task!
FLIGHT TIMETABLE – FILL IN THE MISSING PIECES!
Flight #1:

Flight #3:

• Departure time: 11:00

• Departure time: 23:45

• Flight duration: 3.5 hours

• Flight duration: 0.75 hours

• Arrival time: _____

• Arrival time: ______

Flight #2:

Flight #4:

• Departure time: 15:15

• Departure time: 22:45

• Flight duration: 2.25 hours

• Flight duration: ______

• Arrival time: ______

• Arrival time: 00:15 (the next day)
FLIGHT TIMETABLE – FILL IN THE MISSING PIECES!
Flight #5:
• Departure time: _____
• Flight duration: 2.5 hours
• Arrival time: 13:30

Flight #7:
• Departure time: 10:45
• Flight duration: ______
• Arrival time: 12:30

Flight #6:
• Departure time: ______
• Flight duration: 1 hour 15 minutes
• Arrival time: 16:00

Flight #8:
• Departure time: ______
• Flight duration: 2 hours 30 minutes
• Arrival time: 19:15
IF YOU HAVE TIME…
• Harry is confused. How would you
explain 24- hour time to him?
• Write a short paragraph and email
to Mrs Fink. http://www.outlook.com

Fink, 2013b. [Image file].
WELL DONE!
REFERENCES (RESOURCE)
Australian Curriculum and Assessment Reporting Authority. (n.d.). Mathematics. Retrieved 21 December 2013, from
http://www.australiancurriculum.edu.au/Mathematics/Curriculum/F-10#level2
Dreamstime. (n.d.). Stock images: Happy smiley cartoon face. [Image file]. Retrieved 29 December 2013, from http://www.dreamstime.com/stock-imageshappy-cartoon-smiley-face-image2268974
Fink, V. (2013a). iPhone message. [Image file]. Received via email, 24 December, 2013.
Fink, V. (2013b). iPhone message. [Image file]. Received via email, 24 December, 2013.
FoundationsA. (n.d.). Lecon 4. [Image file]. Retrieved 24 December 2013, from
http://foundationsa.wikispaces.com/Lecon+4
FutureSchoolVideos. (2011). 24 hour time. [Video file]. Retrieved 26 December 2013, from http://www.youtube.com/watch?v=hBiCJt6B9Ow
Kahlai, T. (2011, 1 December). Time – AM/PM v 24-hour clock. [Image file]. Retrieved 24 December 2013, from
http://thoikahlai.blogspot.com.au/2011/12/time-ampm-vs-24-hour-clock.html
Mathopolis. (2013). Question 1. [Web quiz]. Retrieved 24 December 2013, from
http://www.mathopolis.com/questions/q.php?id=3698&site=1&ref=/time.html&qs=3698_3699_3700_3701_3702_3703_3704_3705
More Than a Sunday Faith. (2013). Practice = preparation. [Image file]. Retrieved 26 December 2013, from
http://www.morethanasundayfaith.com/2013/09/practice-preparation/
SOLA Optical. (n.d.). Summary. [Image file]. Retrieved 26 December 2013, from http://www.solahistory.com/contents.html

Contenu connexe

Tendances

Tendances (20)

Add & Subtract Fractions
Add & Subtract FractionsAdd & Subtract Fractions
Add & Subtract Fractions
 
Patterns powerpoint
Patterns powerpointPatterns powerpoint
Patterns powerpoint
 
Ratio powerpoint
Ratio powerpointRatio powerpoint
Ratio powerpoint
 
Quadrilaterals
QuadrilateralsQuadrilaterals
Quadrilaterals
 
Nets
NetsNets
Nets
 
Fraction To Decimal
Fraction To DecimalFraction To Decimal
Fraction To Decimal
 
Algebra Expressions and Equations
Algebra Expressions and EquationsAlgebra Expressions and Equations
Algebra Expressions and Equations
 
Solid Figures
Solid FiguresSolid Figures
Solid Figures
 
Rounding Numbers (Math 3)
Rounding Numbers (Math 3)Rounding Numbers (Math 3)
Rounding Numbers (Math 3)
 
Multiplying and dividing decimals
Multiplying and dividing decimalsMultiplying and dividing decimals
Multiplying and dividing decimals
 
Multiply Decimals
Multiply DecimalsMultiply Decimals
Multiply Decimals
 
Ratio & proportion
Ratio & proportionRatio & proportion
Ratio & proportion
 
Dividing decimals part 1
Dividing decimals part 1Dividing decimals part 1
Dividing decimals part 1
 
division
division division
division
 
Ratio and Proportion
Ratio and ProportionRatio and Proportion
Ratio and Proportion
 
Perimeter
PerimeterPerimeter
Perimeter
 
Elapsed Time
Elapsed TimeElapsed Time
Elapsed Time
 
Area of a triangle
Area of a triangleArea of a triangle
Area of a triangle
 
Fractions of a set
Fractions of a setFractions of a set
Fractions of a set
 
GRADE 4: KINDS OF QUADRILATERALS
GRADE 4: KINDS OF QUADRILATERALSGRADE 4: KINDS OF QUADRILATERALS
GRADE 4: KINDS OF QUADRILATERALS
 

Similaire à Understanding 24 hour time

KIMIA MEDISINAL
KIMIA MEDISINALKIMIA MEDISINAL
KIMIA MEDISINALAsrunJr
 
Lessons about Presenting
Lessons about PresentingLessons about Presenting
Lessons about PresentingSusan Visser
 
Cmp induction project 2019 student fom
Cmp induction project 2019 student fomCmp induction project 2019 student fom
Cmp induction project 2019 student fomHarrietSmith35
 
Google Drive for Teachers
Google Drive for TeachersGoogle Drive for Teachers
Google Drive for TeachersMarjorie Sample
 
Assignment of ict's
Assignment of ict'sAssignment of ict's
Assignment of ict'sEngrMuneeb
 
Assignment of ict's
Assignment of ict'sAssignment of ict's
Assignment of ict'sEngr Hassan
 
Career path worksheet
Career path worksheetCareer path worksheet
Career path worksheetOlga Sergeeva
 
LECTURE on LP.pptx
LECTURE on LP.pptxLECTURE on LP.pptx
LECTURE on LP.pptxCynthiaLuay
 
5A_introductory PPT_for students_CM.pptx
5A_introductory PPT_for students_CM.pptx5A_introductory PPT_for students_CM.pptx
5A_introductory PPT_for students_CM.pptxFlowritaneauPEREIRA
 
OSE-10th-birthday-ebook.pdf
OSE-10th-birthday-ebook.pdfOSE-10th-birthday-ebook.pdf
OSE-10th-birthday-ebook.pdfScarlet Rojas
 

Similaire à Understanding 24 hour time (10)

KIMIA MEDISINAL
KIMIA MEDISINALKIMIA MEDISINAL
KIMIA MEDISINAL
 
Lessons about Presenting
Lessons about PresentingLessons about Presenting
Lessons about Presenting
 
Cmp induction project 2019 student fom
Cmp induction project 2019 student fomCmp induction project 2019 student fom
Cmp induction project 2019 student fom
 
Google Drive for Teachers
Google Drive for TeachersGoogle Drive for Teachers
Google Drive for Teachers
 
Assignment of ict's
Assignment of ict'sAssignment of ict's
Assignment of ict's
 
Assignment of ict's
Assignment of ict'sAssignment of ict's
Assignment of ict's
 
Career path worksheet
Career path worksheetCareer path worksheet
Career path worksheet
 
LECTURE on LP.pptx
LECTURE on LP.pptxLECTURE on LP.pptx
LECTURE on LP.pptx
 
5A_introductory PPT_for students_CM.pptx
5A_introductory PPT_for students_CM.pptx5A_introductory PPT_for students_CM.pptx
5A_introductory PPT_for students_CM.pptx
 
OSE-10th-birthday-ebook.pdf
OSE-10th-birthday-ebook.pdfOSE-10th-birthday-ebook.pdf
OSE-10th-birthday-ebook.pdf
 

Dernier

Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions  for the students and aspirants of Chemistry12th.pptxOrganic Name Reactions  for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptxVS Mahajan Coaching Centre
 
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.pptxheathfieldcps1
 
Mastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionMastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionSafetyChain Software
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)eniolaolutunde
 
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationnomboosow
 
Disha NEET Physics Guide for classes 11 and 12.pdf
Disha NEET Physics Guide for classes 11 and 12.pdfDisha NEET Physics Guide for classes 11 and 12.pdf
Disha NEET Physics Guide for classes 11 and 12.pdfchloefrazer622
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxiammrhaywood
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphThiyagu K
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdfQucHHunhnh
 
The byproduct of sericulture in different industries.pptx
The byproduct of sericulture in different industries.pptxThe byproduct of sericulture in different industries.pptx
The byproduct of sericulture in different industries.pptxShobhayan Kirtania
 
social pharmacy d-pharm 1st year by Pragati K. Mahajan
social pharmacy d-pharm 1st year by Pragati K. Mahajansocial pharmacy d-pharm 1st year by Pragati K. Mahajan
social pharmacy d-pharm 1st year by Pragati K. Mahajanpragatimahajan3
 
Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Disha Kariya
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingTechSoup
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introductionMaksud Ahmed
 
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3JemimahLaneBuaron
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13Steve Thomason
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformChameera Dedduwage
 
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 ...EduSkills OECD
 

Dernier (20)

Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions  for the students and aspirants of Chemistry12th.pptxOrganic Name Reactions  for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
 
Advance Mobile Application Development class 07
Advance Mobile Application Development class 07Advance Mobile Application Development class 07
Advance Mobile Application Development class 07
 
Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1
 
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
 
Mastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionMastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory Inspection
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)
 
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communication
 
Disha NEET Physics Guide for classes 11 and 12.pdf
Disha NEET Physics Guide for classes 11 and 12.pdfDisha NEET Physics Guide for classes 11 and 12.pdf
Disha NEET Physics Guide for classes 11 and 12.pdf
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot Graph
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
The byproduct of sericulture in different industries.pptx
The byproduct of sericulture in different industries.pptxThe byproduct of sericulture in different industries.pptx
The byproduct of sericulture in different industries.pptx
 
social pharmacy d-pharm 1st year by Pragati K. Mahajan
social pharmacy d-pharm 1st year by Pragati K. Mahajansocial pharmacy d-pharm 1st year by Pragati K. Mahajan
social pharmacy d-pharm 1st year by Pragati K. Mahajan
 
Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy Reform
 
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 ...
 

Understanding 24 hour time

  • 1. UNDERSTANDING 24 HOUR TIME Class 5F
  • 2. WELCOME EVERYONE Do you know what “24- hour time” means? Today, you will navigate this presentation and you will learn to: • Convert 12- and 24- hour time systems. • Identify time differences between 12- and 24- hour systems. • Provide a written explanation of the different time systems. (Optional). I am here to help you as always, Mrs Fink. Dreamstime, n.d. [Image file].
  • 3. HARRY RECEIVES A TEXT FROM HIS MUM: “15:10?” He wonders. “What does that mean?” Fink, 2013a. [Image file].
  • 4. THERE ARE 24 HOURS IN A DAY…
  • 5. 24 HOUR TIME SHOWS THE HOURS & MINUTES SINCE MIDNIGHT A “24 hour clock” identifies the time without the use of AM/PM information that is used in a “12 hour clock”. (e.g.: 11:00am = 11:00). Kahlai, 2011. [Image file]. 24 hour time is useful in military, travel and medical industries to avoid confusion.
  • 6. CONVERTING 12- & 24- HOUR TIMES LOOK AT THE TABLE → To convert 12- hour to 24- hour time: • If “AM” time – do nothing, simply ensure four digits are used. (e.g. 6:00am = 06:00). • If “PM” time - add “12”. (e.g. 2:00pm = 2 + 12 = 14:00). To convert 24- hour to 12- hour time: • FoundationsA, n.d. [Image file]. If time > 12, subtract 12 and note as “PM”. (e.g. 15:00 (greater than 12) = 15 – 12 = 3:00pm). • If time < 12, do nothing, simply ensure four digits are used. (e.g. 9:30am = 09:30). *PRINT THIS PAGE
  • 7. UNDERSTANDING 24- HOUR TIME • Watch the video → • Upon completion, return to this presentation for next steps. FutureSchoolVideos. 2011. [Video file.] SOLA Optical, n.d. [Image file.]
  • 8. TIME TO PRACTICE • Time to practice! • Instructions: • Complete the practice questions → • Take your time & use your printed page to guide you when necessary. • Upon completion, “print screen” (results) and email to Mrs Fink before returning to this presentation. (http://www.outlook.com). More Than a Sunday Faith, 2013. [Image file]. Mathopolis. (2013). [Web quiz].
  • 9. YOUR TASK • An airline timetable is missing key information! • Using what you have learned today, calculate the missing pieces of information. • Use Word, Excel or PowerPoint to present your findings. Present all times in 12 and 24 hour time. • Email to Mrs Fink. http://www.outlook.com • The next two slides have the information you need for the task!
  • 10. FLIGHT TIMETABLE – FILL IN THE MISSING PIECES! Flight #1: Flight #3: • Departure time: 11:00 • Departure time: 23:45 • Flight duration: 3.5 hours • Flight duration: 0.75 hours • Arrival time: _____ • Arrival time: ______ Flight #2: Flight #4: • Departure time: 15:15 • Departure time: 22:45 • Flight duration: 2.25 hours • Flight duration: ______ • Arrival time: ______ • Arrival time: 00:15 (the next day)
  • 11. FLIGHT TIMETABLE – FILL IN THE MISSING PIECES! Flight #5: • Departure time: _____ • Flight duration: 2.5 hours • Arrival time: 13:30 Flight #7: • Departure time: 10:45 • Flight duration: ______ • Arrival time: 12:30 Flight #6: • Departure time: ______ • Flight duration: 1 hour 15 minutes • Arrival time: 16:00 Flight #8: • Departure time: ______ • Flight duration: 2 hours 30 minutes • Arrival time: 19:15
  • 12. IF YOU HAVE TIME… • Harry is confused. How would you explain 24- hour time to him? • Write a short paragraph and email to Mrs Fink. http://www.outlook.com Fink, 2013b. [Image file].
  • 14. REFERENCES (RESOURCE) Australian Curriculum and Assessment Reporting Authority. (n.d.). Mathematics. Retrieved 21 December 2013, from http://www.australiancurriculum.edu.au/Mathematics/Curriculum/F-10#level2 Dreamstime. (n.d.). Stock images: Happy smiley cartoon face. [Image file]. Retrieved 29 December 2013, from http://www.dreamstime.com/stock-imageshappy-cartoon-smiley-face-image2268974 Fink, V. (2013a). iPhone message. [Image file]. Received via email, 24 December, 2013. Fink, V. (2013b). iPhone message. [Image file]. Received via email, 24 December, 2013. FoundationsA. (n.d.). Lecon 4. [Image file]. Retrieved 24 December 2013, from http://foundationsa.wikispaces.com/Lecon+4 FutureSchoolVideos. (2011). 24 hour time. [Video file]. Retrieved 26 December 2013, from http://www.youtube.com/watch?v=hBiCJt6B9Ow Kahlai, T. (2011, 1 December). Time – AM/PM v 24-hour clock. [Image file]. Retrieved 24 December 2013, from http://thoikahlai.blogspot.com.au/2011/12/time-ampm-vs-24-hour-clock.html Mathopolis. (2013). Question 1. [Web quiz]. Retrieved 24 December 2013, from http://www.mathopolis.com/questions/q.php?id=3698&site=1&ref=/time.html&qs=3698_3699_3700_3701_3702_3703_3704_3705 More Than a Sunday Faith. (2013). Practice = preparation. [Image file]. Retrieved 26 December 2013, from http://www.morethanasundayfaith.com/2013/09/practice-preparation/ SOLA Optical. (n.d.). Summary. [Image file]. Retrieved 26 December 2013, from http://www.solahistory.com/contents.html