SlideShare a Scribd company logo
RAJBEER KAUR
INTRODUCTION



HTML5 is a language for structuring and presenting
content for the World Wide Web, and is a core
technology of the Internet originally proposed by
Opera Software. It is the fifth revision of the HTML
standard (created in 1990 and standardized as
HTML4 as of 1997) and as of November 2011 is still
under development.
<VIDEO>




<video controls="controls" preload="true"
height="400px" width="520px">
    <source src="Microsoft.mp4" />
 </video>
<AUDIO>




<audio id = "myAudio" preload="true" controls="controls">
   <source src="Naadan Parindey.mp3" />
</audio>

Recommended for you

Saide de fotos
Saide de fotosSaide de fotos
Saide de fotos

The document contains code for embedding slideshows on a website. There are multiple sections with embedded slideshows using code from mypicpals.com, including slides showing dishes, drinks, and photos. The slides are meant to feature on the website for a restaurant located in the Santa Terezinha neighborhood.

Responsive design
Responsive designResponsive design
Responsive design

This document discusses responsive web design techniques including: - Using viewports and media queries to adapt layouts for different screen sizes. - Sizing images fluidly using max-width: 100% so they are responsive. - Design patterns for responsive tables, hiding/showing content, and converting menus to dropdowns. - Tools like Modernizr, Respond.js, and frameworks like LESS to support responsive design goals. - Tips like using relative units (ems/percentages) over fixed pixels and transitions for visual changes.

L O S P I O O O J O S
L O S  P I O O O J O SL O S  P I O O O J O S
L O S P I O O O J O S

This video is a 3 minute clip from a YouTube video showing a man playing the guitar and singing a song. The man sings about love and relationships over acoustic guitar music. The video provides a brief musical performance for the viewer to watch.

<CANVAS>


<canvas id="myCanvas">Browser not
supported</canvas>
<script type="text/javascript">
    var canvas =
document.getElementById("myCanvas");
    var ctx = canvas.getContext('2d');
    ctx.fillStyle = '#FF0000';
    ctx.fillRect(0, 0, 180, 180);
</script>
<MARK>



This tag is used for highlighting a particular text.

Example:

<p>hello, how are you <mark>Rajbeer</mark>?</p>
<NAV>


This is navigation tag. It is used to create a navigation bar.

<nav>
  <a href="http:www.google.com">Google</a> |
  <a href="http:www.gmail.com">GMail</a> |
  <a href="http:www.plus.google.com">Google+</a>
</nav>
<HEADER>,<FOOTER>



<header><h1>My HTML 5 Test</h1></header>

<footer>CopyRight Information</footer>

Recommended for you

Html de la linea de tiempo
Html de la linea de tiempoHtml de la linea de tiempo
Html de la linea de tiempo

The document contains an embedded widget that displays a video. The video is 640x400 pixels and has audio muted. Users are allowed full script access and the ability to view it in full screen mode. The widget is loaded from an external source.

Style
StyleStyle
Style

This document contains an embedded Flash file showing a virtual pet dog named Maxi that can be adopted. The pet is colored gray and was created by Jerlein Correa. A link at the bottom encourages visiting a website to adopt your own virtual pet.

Video link
Video linkVideo link
Video link

This video discusses the history and impact of the internet. It explains how the internet began as a US military program called ARPANET and later expanded to connect universities. Over time, more commercial applications were developed which led to widespread personal use of the internet and the creation of the World Wide Web. The internet has now transformed how people work, learn, communicate and access information globally.

<PROGRESS>

<progress max="100"id="progress" value="0">browser not
supported</progress>

<script type="text/javascript" language="javascript">
   var a = 0;
   function increase() {
     a = a + 1;
     document.getElementById("progress").value = a;
     if (a != 0) {
         setTimeout("increase()", 1);
     }
  }
</script>
<METER>

<meter id=“meter” min="0" max="100" value=“0">browser
not supported</meter>
<script type="text/javascript" language="javascript">
   var a = 0;
   function increase() {
     a = a + 1;
     document.getElementById(“meter").value = a;
     if (a != 0) {
         setTimeout("increase()", 1);
     }
  }
</script>
NEW INPUT TYPES


<input type=“text” x-webkit-speech />
<input type=“text” placeholder=“write anything” />
<input type=“search” results=“10” />
<input type=“number” />
<input type=“email” />
<input type=“range” min=“0” max=“50” value=“20”
/>
Html 5 pres

Recommended for you

Practica obrian espejo
Practica obrian espejoPractica obrian espejo
Practica obrian espejo

This document provides links and embedded content from YouTube, Scribd, and SlideShare related to athletics. It includes a YouTube video on athletics, a Scribd document on athletics, and a SlideShare presentation on swimming. All of the links are in Spanish and provide additional resources on topics related to sports.

Embed
EmbedEmbed
Embed

This document contains an embedded Flash object showing a Kung Fu training game. The object loads the Kung Fu training game SWF file from an external URL, sets the quality to high, specifies flash variables for the level and score, sets the window mode to transparent, and allows script access.

Html5 - Novas Tags na Prática!
Html5 - Novas Tags na Prática!Html5 - Novas Tags na Prática!
Html5 - Novas Tags na Prática!

HTML5 is the new standard for HTML that aims to reduce the need for plugins like Flash. It was developed through cooperation between the W3C and WHATWG. Key features of HTML5 include built-in support for video, audio, canvas drawing, drag and drop functionality, and geolocation. It also introduces new form input types and attributes to improve the user experience.

html5dev in pf

More Related Content

What's hot

Hybrid app
Hybrid appHybrid app
Hybrid app
hyun soomyung
 
3D na Webu
3D na Webu3D na Webu
3D na Webu
Pavol Hejný
 
Jager planetaire nevels
Jager planetaire nevelsJager planetaire nevels
Jager planetaire nevels
paskar
 
Saide de fotos
Saide de fotosSaide de fotos
Saide de fotos
maumaugrelhados
 
Responsive design
Responsive designResponsive design
Responsive design
John Doxaras
 
L O S P I O O O J O S
L O S  P I O O O J O SL O S  P I O O O J O S
L O S P I O O O J O S
Magdalena87
 
Html de la linea de tiempo
Html de la linea de tiempoHtml de la linea de tiempo
Html de la linea de tiempo
Maria Belen Oro
 
Style
StyleStyle
Video link
Video linkVideo link
Video link
Rajan Handa
 
Practica obrian espejo
Practica obrian espejoPractica obrian espejo
Practica obrian espejo
Obrian Espejo
 
Embed
EmbedEmbed
Html5 - Novas Tags na Prática!
Html5 - Novas Tags na Prática!Html5 - Novas Tags na Prática!
Html5 - Novas Tags na Prática!
Rômulo Reis de Oliveira
 
Video
VideoVideo
Video
ybagnoel
 
You Tube Video Link
You Tube Video LinkYou Tube Video Link
You Tube Video Link
dewriter
 
Animado
AnimadoAnimado
Voki
VokiVoki
Voki
majito162
 
Action script
Action scriptAction script
Action script
Sarang Damkondwar
 
Practica Edgar Ortiz
Practica Edgar OrtizPractica Edgar Ortiz
Practica Edgar Ortiz
Universidad Técnica de Ambato
 
Boceto de mi webquest
Boceto de mi webquestBoceto de mi webquest
Boceto de mi webquest
Daniela Castillo Nuñez
 
Mobile Web Development
Mobile Web DevelopmentMobile Web Development
Mobile Web Development
Jonathan Snook
 

What's hot (20)

Hybrid app
Hybrid appHybrid app
Hybrid app
 
3D na Webu
3D na Webu3D na Webu
3D na Webu
 
Jager planetaire nevels
Jager planetaire nevelsJager planetaire nevels
Jager planetaire nevels
 
Saide de fotos
Saide de fotosSaide de fotos
Saide de fotos
 
Responsive design
Responsive designResponsive design
Responsive design
 
L O S P I O O O J O S
L O S  P I O O O J O SL O S  P I O O O J O S
L O S P I O O O J O S
 
Html de la linea de tiempo
Html de la linea de tiempoHtml de la linea de tiempo
Html de la linea de tiempo
 
Style
StyleStyle
Style
 
Video link
Video linkVideo link
Video link
 
Practica obrian espejo
Practica obrian espejoPractica obrian espejo
Practica obrian espejo
 
Embed
EmbedEmbed
Embed
 
Html5 - Novas Tags na Prática!
Html5 - Novas Tags na Prática!Html5 - Novas Tags na Prática!
Html5 - Novas Tags na Prática!
 
Video
VideoVideo
Video
 
You Tube Video Link
You Tube Video LinkYou Tube Video Link
You Tube Video Link
 
Animado
AnimadoAnimado
Animado
 
Voki
VokiVoki
Voki
 
Action script
Action scriptAction script
Action script
 
Practica Edgar Ortiz
Practica Edgar OrtizPractica Edgar Ortiz
Practica Edgar Ortiz
 
Boceto de mi webquest
Boceto de mi webquestBoceto de mi webquest
Boceto de mi webquest
 
Mobile Web Development
Mobile Web DevelopmentMobile Web Development
Mobile Web Development
 

Viewers also liked

Prima investor presentation aug 2013
Prima investor presentation aug 2013Prima investor presentation aug 2013
Prima investor presentation aug 2013
Fluorspar
 
Plate tectonics
Plate tectonicsPlate tectonics
Plate tectonics
lfaas
 
EU: Fluorspar - Market Report. Analysis And Forecast To 2020
EU: Fluorspar - Market Report. Analysis And Forecast To 2020EU: Fluorspar - Market Report. Analysis And Forecast To 2020
EU: Fluorspar - Market Report. Analysis And Forecast To 2020
IndexBox Marketing
 
Chris Potgieter Fluorspar '10 Presentation Overall
Chris Potgieter Fluorspar '10 Presentation OverallChris Potgieter Fluorspar '10 Presentation Overall
Chris Potgieter Fluorspar '10 Presentation Overall
Chris Potgieter
 
Coltan
ColtanColtan
Coltan
lfaas
 
Prima Corporate Presentation
Prima Corporate PresentationPrima Corporate Presentation
Prima Corporate Presentation
Fluorspar
 
Fluorspar explained
Fluorspar explainedFluorspar explained
Fluorspar explained
Fluorspar
 
Fluorspar 101, September 2012, Simon Moores, Industrial Minerals Data
Fluorspar 101, September 2012, Simon Moores, Industrial Minerals Data Fluorspar 101, September 2012, Simon Moores, Industrial Minerals Data
Fluorspar 101, September 2012, Simon Moores, Industrial Minerals Data
Simon Moores
 
Fluorspar Trade and Prices in 2013 - Simon Moores
Fluorspar Trade and Prices in 2013 - Simon MooresFluorspar Trade and Prices in 2013 - Simon Moores
Fluorspar Trade and Prices in 2013 - Simon Moores
Simon Moores
 
What is coltan
What is coltanWhat is coltan
What is coltan
DaleFriesen
 
Merche , marta y manuela trabajo coltan
Merche , marta y manuela  trabajo coltanMerche , marta y manuela  trabajo coltan
Merche , marta y manuela trabajo coltan
Colegio Almedina
 
Coltan
ColtanColtan
Coltan
Kevin Gomez
 
Coltan
Coltan Coltan
Plate Tectonics Notes
Plate Tectonics NotesPlate Tectonics Notes
Plate Tectonics Notes
duncanpatti
 
Plate Tectonics
Plate TectonicsPlate Tectonics
Plate Tectonics
dluetgens
 
Coltan Laura Gomez 1004
Coltan Laura Gomez 1004 Coltan Laura Gomez 1004
Coltan Laura Gomez 1004
Luisa Olmos Sanchez
 
Plate tectonics slides re
Plate tectonics slides   rePlate tectonics slides   re
Plate tectonics slides re
ltanigawa
 

Viewers also liked (17)

Prima investor presentation aug 2013
Prima investor presentation aug 2013Prima investor presentation aug 2013
Prima investor presentation aug 2013
 
Plate tectonics
Plate tectonicsPlate tectonics
Plate tectonics
 
EU: Fluorspar - Market Report. Analysis And Forecast To 2020
EU: Fluorspar - Market Report. Analysis And Forecast To 2020EU: Fluorspar - Market Report. Analysis And Forecast To 2020
EU: Fluorspar - Market Report. Analysis And Forecast To 2020
 
Chris Potgieter Fluorspar '10 Presentation Overall
Chris Potgieter Fluorspar '10 Presentation OverallChris Potgieter Fluorspar '10 Presentation Overall
Chris Potgieter Fluorspar '10 Presentation Overall
 
Coltan
ColtanColtan
Coltan
 
Prima Corporate Presentation
Prima Corporate PresentationPrima Corporate Presentation
Prima Corporate Presentation
 
Fluorspar explained
Fluorspar explainedFluorspar explained
Fluorspar explained
 
Fluorspar 101, September 2012, Simon Moores, Industrial Minerals Data
Fluorspar 101, September 2012, Simon Moores, Industrial Minerals Data Fluorspar 101, September 2012, Simon Moores, Industrial Minerals Data
Fluorspar 101, September 2012, Simon Moores, Industrial Minerals Data
 
Fluorspar Trade and Prices in 2013 - Simon Moores
Fluorspar Trade and Prices in 2013 - Simon MooresFluorspar Trade and Prices in 2013 - Simon Moores
Fluorspar Trade and Prices in 2013 - Simon Moores
 
What is coltan
What is coltanWhat is coltan
What is coltan
 
Merche , marta y manuela trabajo coltan
Merche , marta y manuela  trabajo coltanMerche , marta y manuela  trabajo coltan
Merche , marta y manuela trabajo coltan
 
Coltan
ColtanColtan
Coltan
 
Coltan
Coltan Coltan
Coltan
 
Plate Tectonics Notes
Plate Tectonics NotesPlate Tectonics Notes
Plate Tectonics Notes
 
Plate Tectonics
Plate TectonicsPlate Tectonics
Plate Tectonics
 
Coltan Laura Gomez 1004
Coltan Laura Gomez 1004 Coltan Laura Gomez 1004
Coltan Laura Gomez 1004
 
Plate tectonics slides re
Plate tectonics slides   rePlate tectonics slides   re
Plate tectonics slides re
 

Similar to Html 5 pres

HTML 5 - Overview
HTML 5 - OverviewHTML 5 - Overview
HTML 5 - Overview
Marcelio Leal
 
HTML5 New and Improved
HTML5   New and ImprovedHTML5   New and Improved
HTML5 New and Improved
Timothy Fisher
 
HTML5 on Mobile
HTML5 on MobileHTML5 on Mobile
HTML5 on Mobile
Adam Lu
 
Introduction to Html5
Introduction to Html5Introduction to Html5
Introduction to Html5
www.netgains.org
 
What you need to know bout html5
What you need to know bout html5What you need to know bout html5
What you need to know bout html5
Kevin DeRudder
 
HTML5, the new buzzword
HTML5, the new buzzwordHTML5, the new buzzword
HTML5, the new buzzword
Frédéric Harper
 
TURN YOUR CELL PHONE FROM A LIABILITY INTO AN ASSET!
TURN YOUR CELL PHONE FROM A LIABILITY INTO AN ASSET!TURN YOUR CELL PHONE FROM A LIABILITY INTO AN ASSET!
TURN YOUR CELL PHONE FROM A LIABILITY INTO AN ASSET!
Coulawrence
 
Html5 intro
Html5 introHtml5 intro
Html5 intro
Kevin DeRudder
 
Attractive HTML5~開発者の視点から~
Attractive HTML5~開発者の視点から~Attractive HTML5~開発者の視点から~
Attractive HTML5~開発者の視点から~
Sho Ito
 
HTML5 workshop, part 1
HTML5 workshop, part 1HTML5 workshop, part 1
HTML5 workshop, part 1
Robert Nyman
 
The Rich Standard: Getting Familiar with HTML5
The Rich Standard: Getting Familiar with HTML5The Rich Standard: Getting Familiar with HTML5
The Rich Standard: Getting Familiar with HTML5
Todd Anglin
 
Upload[1]
Upload[1]Upload[1]
Html5 CSS3 jQuery Basic
Html5 CSS3 jQuery BasicHtml5 CSS3 jQuery Basic
Html5 CSS3 jQuery Basic
Ravi Yelluripati
 
HTML5, The Open Web, and what it means for you - Altran
HTML5, The Open Web, and what it means for you - AltranHTML5, The Open Web, and what it means for you - Altran
HTML5, The Open Web, and what it means for you - Altran
Robert Nyman
 
Word camp nextweb
Word camp nextwebWord camp nextweb
Word camp nextweb
Panagiotis Grigoropoulos
 
Word camp nextweb
Word camp nextwebWord camp nextweb
Introduction to web development
Introduction to web developmentIntroduction to web development
Introduction to web development
Alberto Apellidos
 
Taking your Web App for a walk
Taking your Web App for a walkTaking your Web App for a walk
Taking your Web App for a walk
Jens-Christian Fischer
 
WordCamp Thessaloniki2011 The NextWeb
WordCamp Thessaloniki2011 The NextWebWordCamp Thessaloniki2011 The NextWeb
WordCamp Thessaloniki2011 The NextWeb
George Kanellopoulos
 
Familiar HTML5 - 事例とサンプルコードから学ぶ 身近で普通に使わているHTML5
Familiar HTML5 - 事例とサンプルコードから学ぶ 身近で普通に使わているHTML5Familiar HTML5 - 事例とサンプルコードから学ぶ 身近で普通に使わているHTML5
Familiar HTML5 - 事例とサンプルコードから学ぶ 身近で普通に使わているHTML5
Sadaaki HIRAI
 

Similar to Html 5 pres (20)

HTML 5 - Overview
HTML 5 - OverviewHTML 5 - Overview
HTML 5 - Overview
 
HTML5 New and Improved
HTML5   New and ImprovedHTML5   New and Improved
HTML5 New and Improved
 
HTML5 on Mobile
HTML5 on MobileHTML5 on Mobile
HTML5 on Mobile
 
Introduction to Html5
Introduction to Html5Introduction to Html5
Introduction to Html5
 
What you need to know bout html5
What you need to know bout html5What you need to know bout html5
What you need to know bout html5
 
HTML5, the new buzzword
HTML5, the new buzzwordHTML5, the new buzzword
HTML5, the new buzzword
 
TURN YOUR CELL PHONE FROM A LIABILITY INTO AN ASSET!
TURN YOUR CELL PHONE FROM A LIABILITY INTO AN ASSET!TURN YOUR CELL PHONE FROM A LIABILITY INTO AN ASSET!
TURN YOUR CELL PHONE FROM A LIABILITY INTO AN ASSET!
 
Html5 intro
Html5 introHtml5 intro
Html5 intro
 
Attractive HTML5~開発者の視点から~
Attractive HTML5~開発者の視点から~Attractive HTML5~開発者の視点から~
Attractive HTML5~開発者の視点から~
 
HTML5 workshop, part 1
HTML5 workshop, part 1HTML5 workshop, part 1
HTML5 workshop, part 1
 
The Rich Standard: Getting Familiar with HTML5
The Rich Standard: Getting Familiar with HTML5The Rich Standard: Getting Familiar with HTML5
The Rich Standard: Getting Familiar with HTML5
 
Upload[1]
Upload[1]Upload[1]
Upload[1]
 
Html5 CSS3 jQuery Basic
Html5 CSS3 jQuery BasicHtml5 CSS3 jQuery Basic
Html5 CSS3 jQuery Basic
 
HTML5, The Open Web, and what it means for you - Altran
HTML5, The Open Web, and what it means for you - AltranHTML5, The Open Web, and what it means for you - Altran
HTML5, The Open Web, and what it means for you - Altran
 
Word camp nextweb
Word camp nextwebWord camp nextweb
Word camp nextweb
 
Word camp nextweb
Word camp nextwebWord camp nextweb
Word camp nextweb
 
Introduction to web development
Introduction to web developmentIntroduction to web development
Introduction to web development
 
Taking your Web App for a walk
Taking your Web App for a walkTaking your Web App for a walk
Taking your Web App for a walk
 
WordCamp Thessaloniki2011 The NextWeb
WordCamp Thessaloniki2011 The NextWebWordCamp Thessaloniki2011 The NextWeb
WordCamp Thessaloniki2011 The NextWeb
 
Familiar HTML5 - 事例とサンプルコードから学ぶ 身近で普通に使わているHTML5
Familiar HTML5 - 事例とサンプルコードから学ぶ 身近で普通に使わているHTML5Familiar HTML5 - 事例とサンプルコードから学ぶ 身近で普通に使わているHTML5
Familiar HTML5 - 事例とサンプルコードから学ぶ 身近で普通に使わているHTML5
 

Recently uploaded

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee
eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee
eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee
siemaillard
 
Final_SD_Session3_Ferriols, Ador Dionisio, Fajardo.pptx
Final_SD_Session3_Ferriols, Ador Dionisio, Fajardo.pptxFinal_SD_Session3_Ferriols, Ador Dionisio, Fajardo.pptx
Final_SD_Session3_Ferriols, Ador Dionisio, Fajardo.pptx
shimeathdelrosario1
 
Webinar Innovative assessments for SOcial Emotional Skills
Webinar Innovative assessments for SOcial Emotional SkillsWebinar Innovative assessments for SOcial Emotional Skills
Webinar Innovative assessments for SOcial Emotional Skills
EduSkills OECD
 
Configuring Single Sign-On (SSO) via Identity Management | MuleSoft Mysore Me...
Configuring Single Sign-On (SSO) via Identity Management | MuleSoft Mysore Me...Configuring Single Sign-On (SSO) via Identity Management | MuleSoft Mysore Me...
Configuring Single Sign-On (SSO) via Identity Management | MuleSoft Mysore Me...
MysoreMuleSoftMeetup
 
BRIGADA ESKWELA OPENING PROGRAM KICK OFF.pptx
BRIGADA ESKWELA OPENING PROGRAM KICK OFF.pptxBRIGADA ESKWELA OPENING PROGRAM KICK OFF.pptx
BRIGADA ESKWELA OPENING PROGRAM KICK OFF.pptx
kambal1234567890
 
Lecture_Notes_Unit4_Chapter_8_9_10_RDBMS for the students affiliated by alaga...
Lecture_Notes_Unit4_Chapter_8_9_10_RDBMS for the students affiliated by alaga...Lecture_Notes_Unit4_Chapter_8_9_10_RDBMS for the students affiliated by alaga...
Lecture_Notes_Unit4_Chapter_8_9_10_RDBMS for the students affiliated by alaga...
Murugan Solaiyappan
 
The basics of sentences session 10pptx.pptx
The basics of sentences session 10pptx.pptxThe basics of sentences session 10pptx.pptx
The basics of sentences session 10pptx.pptx
heathfieldcps1
 
"DANH SÁCH THÍ SINH XÉT TUYỂN SỚM ĐỦ ĐIỀU KIỆN TRÚNG TUYỂN ĐẠI HỌC CHÍNH QUY ...
"DANH SÁCH THÍ SINH XÉT TUYỂN SỚM ĐỦ ĐIỀU KIỆN TRÚNG TUYỂN ĐẠI HỌC CHÍNH QUY ..."DANH SÁCH THÍ SINH XÉT TUYỂN SỚM ĐỦ ĐIỀU KIỆN TRÚNG TUYỂN ĐẠI HỌC CHÍNH QUY ...
"DANH SÁCH THÍ SINH XÉT TUYỂN SỚM ĐỦ ĐIỀU KIỆN TRÚNG TUYỂN ĐẠI HỌC CHÍNH QUY ...
thanhluan21
 
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 12 - GLOBAL SUCCESS - FORM MỚI 2025 - HK1 (C...
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 12 - GLOBAL SUCCESS - FORM MỚI 2025 - HK1 (C...CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 12 - GLOBAL SUCCESS - FORM MỚI 2025 - HK1 (C...
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 12 - GLOBAL SUCCESS - FORM MỚI 2025 - HK1 (C...
Nguyen Thanh Tu Collection
 
2024 KWL Back 2 School Summer Conference
2024 KWL Back 2 School Summer Conference2024 KWL Back 2 School Summer Conference
2024 KWL Back 2 School Summer Conference
KlettWorldLanguages
 
Howe Writing Center - Orientation Summer 2024
Howe Writing Center - Orientation Summer 2024Howe Writing Center - Orientation Summer 2024
Howe Writing Center - Orientation Summer 2024
Elizabeth Walsh
 
Split Shifts From Gantt View in the Odoo 17
Split Shifts From Gantt View in the  Odoo 17Split Shifts From Gantt View in the  Odoo 17
Split Shifts From Gantt View in the Odoo 17
Celine George
 
How to Handle the Separate Discount Account on Invoice in Odoo 17
How to Handle the Separate Discount Account on Invoice in Odoo 17How to Handle the Separate Discount Account on Invoice in Odoo 17
How to Handle the Separate Discount Account on Invoice in Odoo 17
Celine George
 
Ardra Nakshatra (आर्द्रा): Understanding its Effects and Remedies
Ardra Nakshatra (आर्द्रा): Understanding its Effects and RemediesArdra Nakshatra (आर्द्रा): Understanding its Effects and Remedies
Ardra Nakshatra (आर्द्रा): Understanding its Effects and Remedies
Astro Pathshala
 
Views in Odoo - Advanced Views - Pivot View in Odoo 17
Views in Odoo - Advanced Views - Pivot View in Odoo 17Views in Odoo - Advanced Views - Pivot View in Odoo 17
Views in Odoo - Advanced Views - Pivot View in Odoo 17
Celine George
 
matatag curriculum education for Kindergarten
matatag curriculum education for Kindergartenmatatag curriculum education for Kindergarten
matatag curriculum education for Kindergarten
SarahAlie1
 
No, it's not a robot: prompt writing for investigative journalism
No, it's not a robot: prompt writing for investigative journalismNo, it's not a robot: prompt writing for investigative journalism
No, it's not a robot: prompt writing for investigative journalism
Paul Bradshaw
 
The Jewish Trinity : Sabbath,Shekinah and Sanctuary 4.pdf
The Jewish Trinity : Sabbath,Shekinah and Sanctuary 4.pdfThe Jewish Trinity : Sabbath,Shekinah and Sanctuary 4.pdf
The Jewish Trinity : Sabbath,Shekinah and Sanctuary 4.pdf
JackieSparrow3
 
How to Show Sample Data in Tree and Kanban View in Odoo 17
How to Show Sample Data in Tree and Kanban View in Odoo 17How to Show Sample Data in Tree and Kanban View in Odoo 17
How to Show Sample Data in Tree and Kanban View in Odoo 17
Celine George
 

Recently uploaded (20)

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee
eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee
eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee
 
Final_SD_Session3_Ferriols, Ador Dionisio, Fajardo.pptx
Final_SD_Session3_Ferriols, Ador Dionisio, Fajardo.pptxFinal_SD_Session3_Ferriols, Ador Dionisio, Fajardo.pptx
Final_SD_Session3_Ferriols, Ador Dionisio, Fajardo.pptx
 
Webinar Innovative assessments for SOcial Emotional Skills
Webinar Innovative assessments for SOcial Emotional SkillsWebinar Innovative assessments for SOcial Emotional Skills
Webinar Innovative assessments for SOcial Emotional Skills
 
Configuring Single Sign-On (SSO) via Identity Management | MuleSoft Mysore Me...
Configuring Single Sign-On (SSO) via Identity Management | MuleSoft Mysore Me...Configuring Single Sign-On (SSO) via Identity Management | MuleSoft Mysore Me...
Configuring Single Sign-On (SSO) via Identity Management | MuleSoft Mysore Me...
 
BRIGADA ESKWELA OPENING PROGRAM KICK OFF.pptx
BRIGADA ESKWELA OPENING PROGRAM KICK OFF.pptxBRIGADA ESKWELA OPENING PROGRAM KICK OFF.pptx
BRIGADA ESKWELA OPENING PROGRAM KICK OFF.pptx
 
Lecture_Notes_Unit4_Chapter_8_9_10_RDBMS for the students affiliated by alaga...
Lecture_Notes_Unit4_Chapter_8_9_10_RDBMS for the students affiliated by alaga...Lecture_Notes_Unit4_Chapter_8_9_10_RDBMS for the students affiliated by alaga...
Lecture_Notes_Unit4_Chapter_8_9_10_RDBMS for the students affiliated by alaga...
 
The basics of sentences session 10pptx.pptx
The basics of sentences session 10pptx.pptxThe basics of sentences session 10pptx.pptx
The basics of sentences session 10pptx.pptx
 
“A NOSSA CA(U)SA”. .
“A NOSSA CA(U)SA”.                      .“A NOSSA CA(U)SA”.                      .
“A NOSSA CA(U)SA”. .
 
"DANH SÁCH THÍ SINH XÉT TUYỂN SỚM ĐỦ ĐIỀU KIỆN TRÚNG TUYỂN ĐẠI HỌC CHÍNH QUY ...
"DANH SÁCH THÍ SINH XÉT TUYỂN SỚM ĐỦ ĐIỀU KIỆN TRÚNG TUYỂN ĐẠI HỌC CHÍNH QUY ..."DANH SÁCH THÍ SINH XÉT TUYỂN SỚM ĐỦ ĐIỀU KIỆN TRÚNG TUYỂN ĐẠI HỌC CHÍNH QUY ...
"DANH SÁCH THÍ SINH XÉT TUYỂN SỚM ĐỦ ĐIỀU KIỆN TRÚNG TUYỂN ĐẠI HỌC CHÍNH QUY ...
 
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 12 - GLOBAL SUCCESS - FORM MỚI 2025 - HK1 (C...
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 12 - GLOBAL SUCCESS - FORM MỚI 2025 - HK1 (C...CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 12 - GLOBAL SUCCESS - FORM MỚI 2025 - HK1 (C...
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 12 - GLOBAL SUCCESS - FORM MỚI 2025 - HK1 (C...
 
2024 KWL Back 2 School Summer Conference
2024 KWL Back 2 School Summer Conference2024 KWL Back 2 School Summer Conference
2024 KWL Back 2 School Summer Conference
 
Howe Writing Center - Orientation Summer 2024
Howe Writing Center - Orientation Summer 2024Howe Writing Center - Orientation Summer 2024
Howe Writing Center - Orientation Summer 2024
 
Split Shifts From Gantt View in the Odoo 17
Split Shifts From Gantt View in the  Odoo 17Split Shifts From Gantt View in the  Odoo 17
Split Shifts From Gantt View in the Odoo 17
 
How to Handle the Separate Discount Account on Invoice in Odoo 17
How to Handle the Separate Discount Account on Invoice in Odoo 17How to Handle the Separate Discount Account on Invoice in Odoo 17
How to Handle the Separate Discount Account on Invoice in Odoo 17
 
Ardra Nakshatra (आर्द्रा): Understanding its Effects and Remedies
Ardra Nakshatra (आर्द्रा): Understanding its Effects and RemediesArdra Nakshatra (आर्द्रा): Understanding its Effects and Remedies
Ardra Nakshatra (आर्द्रा): Understanding its Effects and Remedies
 
Views in Odoo - Advanced Views - Pivot View in Odoo 17
Views in Odoo - Advanced Views - Pivot View in Odoo 17Views in Odoo - Advanced Views - Pivot View in Odoo 17
Views in Odoo - Advanced Views - Pivot View in Odoo 17
 
matatag curriculum education for Kindergarten
matatag curriculum education for Kindergartenmatatag curriculum education for Kindergarten
matatag curriculum education for Kindergarten
 
No, it's not a robot: prompt writing for investigative journalism
No, it's not a robot: prompt writing for investigative journalismNo, it's not a robot: prompt writing for investigative journalism
No, it's not a robot: prompt writing for investigative journalism
 
The Jewish Trinity : Sabbath,Shekinah and Sanctuary 4.pdf
The Jewish Trinity : Sabbath,Shekinah and Sanctuary 4.pdfThe Jewish Trinity : Sabbath,Shekinah and Sanctuary 4.pdf
The Jewish Trinity : Sabbath,Shekinah and Sanctuary 4.pdf
 
How to Show Sample Data in Tree and Kanban View in Odoo 17
How to Show Sample Data in Tree and Kanban View in Odoo 17How to Show Sample Data in Tree and Kanban View in Odoo 17
How to Show Sample Data in Tree and Kanban View in Odoo 17
 

Html 5 pres

  • 2. INTRODUCTION HTML5 is a language for structuring and presenting content for the World Wide Web, and is a core technology of the Internet originally proposed by Opera Software. It is the fifth revision of the HTML standard (created in 1990 and standardized as HTML4 as of 1997) and as of November 2011 is still under development.
  • 3. <VIDEO> <video controls="controls" preload="true" height="400px" width="520px"> <source src="Microsoft.mp4" /> </video>
  • 4. <AUDIO> <audio id = "myAudio" preload="true" controls="controls"> <source src="Naadan Parindey.mp3" /> </audio>
  • 5. <CANVAS> <canvas id="myCanvas">Browser not supported</canvas> <script type="text/javascript"> var canvas = document.getElementById("myCanvas"); var ctx = canvas.getContext('2d'); ctx.fillStyle = '#FF0000'; ctx.fillRect(0, 0, 180, 180); </script>
  • 6. <MARK> This tag is used for highlighting a particular text. Example: <p>hello, how are you <mark>Rajbeer</mark>?</p>
  • 7. <NAV> This is navigation tag. It is used to create a navigation bar. <nav> <a href="http:www.google.com">Google</a> | <a href="http:www.gmail.com">GMail</a> | <a href="http:www.plus.google.com">Google+</a> </nav>
  • 8. <HEADER>,<FOOTER> <header><h1>My HTML 5 Test</h1></header> <footer>CopyRight Information</footer>
  • 9. <PROGRESS> <progress max="100"id="progress" value="0">browser not supported</progress> <script type="text/javascript" language="javascript"> var a = 0; function increase() { a = a + 1; document.getElementById("progress").value = a; if (a != 0) { setTimeout("increase()", 1); } } </script>
  • 10. <METER> <meter id=“meter” min="0" max="100" value=“0">browser not supported</meter> <script type="text/javascript" language="javascript"> var a = 0; function increase() { a = a + 1; document.getElementById(“meter").value = a; if (a != 0) { setTimeout("increase()", 1); } } </script>
  • 11. NEW INPUT TYPES <input type=“text” x-webkit-speech /> <input type=“text” placeholder=“write anything” /> <input type=“search” results=“10” /> <input type=“number” /> <input type=“email” /> <input type=“range” min=“0” max=“50” value=“20” />