Suche senden
Hochladen
HTML5 - Just the basics
•
Als KEY, PDF herunterladen
•
11 gefällt mir
•
15,787 views
James VanDyke
Folgen
This is a presentation I put together for our web team to discuss the basics of HTML5.
Weniger lesen
Mehr lesen
Technologie
Melden
Teilen
Melden
Teilen
1 von 42
Jetzt herunterladen
Empfohlen
Web Design Bootcamp - Day1
Web Design Bootcamp - Day1
Aslam Najeebdeen
Â
Basic HTML
Basic HTML
chuckscoggins
Â
Js placement
Js placement
Sireesh K
Â
Pres
Pres
Andrey L
Â
10x10 presentation Edited 4
10x10 presentation Edited 4
Samabamma
Â
Fronttechnieken met HTML5 en de Slice-template
Fronttechnieken met HTML5 en de Slice-template
Inventis Web Architects
Â
Deliverance talk at plone meetup
Deliverance talk at plone meetup
Jazkarta, Inc.
Â
poornamatha : poornamitham poornath-poorna-muthatchyathe |
poornamatha : poornamitham poornath-poorna-muthatchyathe |
ashokha
Â
Empfohlen
Web Design Bootcamp - Day1
Web Design Bootcamp - Day1
Aslam Najeebdeen
Â
Basic HTML
Basic HTML
chuckscoggins
Â
Js placement
Js placement
Sireesh K
Â
Pres
Pres
Andrey L
Â
10x10 presentation Edited 4
10x10 presentation Edited 4
Samabamma
Â
Fronttechnieken met HTML5 en de Slice-template
Fronttechnieken met HTML5 en de Slice-template
Inventis Web Architects
Â
Deliverance talk at plone meetup
Deliverance talk at plone meetup
Jazkarta, Inc.
Â
poornamatha : poornamitham poornath-poorna-muthatchyathe |
poornamatha : poornamitham poornath-poorna-muthatchyathe |
ashokha
Â
Cit 230 internal css
Cit 230 internal css
aly0901
Â
46h interaction 1.lesson Hello world
46h interaction 1.lesson Hello world
hemi46h
Â
Intro to HTML and CSS
Intro to HTML and CSS
lexinamer
Â
2
2
Ankit Dubey
Â
Exp12 write up
Exp12 write up
Ankit Dubey
Â
HTML Semantic Tags
HTML Semantic Tags
Bruce Kyle
Â
HTML5 semantics
HTML5 semantics
Justin Halsall
Â
Basic HTML/CSS
Basic HTML/CSS
Chris Heiden
Â
Introduction to HTML and CSS
Introduction to HTML and CSS
danpaquette
Â
HTML, CSS, JavaScript for beginners
HTML, CSS, JavaScript for beginners
PrakritiDhang
Â
Pres
Pres
Andrey L
Â
Module11: Creating A External Style Sheet and Creating A Gallery
Module11: Creating A External Style Sheet and Creating A Gallery
Daniel Downs
Â
Test
Test
Kota Soejima
Â
rel=alternate, hreflang=x - International Duplicate Content Issues
rel=alternate, hreflang=x - International Duplicate Content Issues
Peter Handley
Â
Html intro
Html intro
Robyn Overstreet
Â
Artdm171 Week4 Tags
Artdm171 Week4 Tags
Gilbert Guerrero
Â
Khoa dang (kay)
Khoa dang (kay)
halfofdemon
Â
Blade Template and Laravel
Blade Template and Laravel
Sayed Ahmed
Â
uptu web technology unit 2 Css
uptu web technology unit 2 Css
Abhishek Kesharwani
Â
xhtml_basics
xhtml_basics
tutorialsruby
Â
What is HTML - An Introduction to HTML (Hypertext Markup Language)
What is HTML - An Introduction to HTML (Hypertext Markup Language)
Ahsan Rahim
Â
uptu web technology unit 2 html
uptu web technology unit 2 html
Abhishek Kesharwani
Â
Weitere ähnliche Inhalte
Was ist angesagt?
Cit 230 internal css
Cit 230 internal css
aly0901
Â
46h interaction 1.lesson Hello world
46h interaction 1.lesson Hello world
hemi46h
Â
Intro to HTML and CSS
Intro to HTML and CSS
lexinamer
Â
2
2
Ankit Dubey
Â
Exp12 write up
Exp12 write up
Ankit Dubey
Â
HTML Semantic Tags
HTML Semantic Tags
Bruce Kyle
Â
HTML5 semantics
HTML5 semantics
Justin Halsall
Â
Basic HTML/CSS
Basic HTML/CSS
Chris Heiden
Â
Introduction to HTML and CSS
Introduction to HTML and CSS
danpaquette
Â
HTML, CSS, JavaScript for beginners
HTML, CSS, JavaScript for beginners
PrakritiDhang
Â
Pres
Pres
Andrey L
Â
Module11: Creating A External Style Sheet and Creating A Gallery
Module11: Creating A External Style Sheet and Creating A Gallery
Daniel Downs
Â
Test
Test
Kota Soejima
Â
rel=alternate, hreflang=x - International Duplicate Content Issues
rel=alternate, hreflang=x - International Duplicate Content Issues
Peter Handley
Â
Html intro
Html intro
Robyn Overstreet
Â
Artdm171 Week4 Tags
Artdm171 Week4 Tags
Gilbert Guerrero
Â
Khoa dang (kay)
Khoa dang (kay)
halfofdemon
Â
Blade Template and Laravel
Blade Template and Laravel
Sayed Ahmed
Â
uptu web technology unit 2 Css
uptu web technology unit 2 Css
Abhishek Kesharwani
Â
xhtml_basics
xhtml_basics
tutorialsruby
Â
Was ist angesagt?
(20)
Cit 230 internal css
Cit 230 internal css
Â
46h interaction 1.lesson Hello world
46h interaction 1.lesson Hello world
Â
Intro to HTML and CSS
Intro to HTML and CSS
Â
2
2
Â
Exp12 write up
Exp12 write up
Â
HTML Semantic Tags
HTML Semantic Tags
Â
HTML5 semantics
HTML5 semantics
Â
Basic HTML/CSS
Basic HTML/CSS
Â
Introduction to HTML and CSS
Introduction to HTML and CSS
Â
HTML, CSS, JavaScript for beginners
HTML, CSS, JavaScript for beginners
Â
Pres
Pres
Â
Module11: Creating A External Style Sheet and Creating A Gallery
Module11: Creating A External Style Sheet and Creating A Gallery
Â
Test
Test
Â
rel=alternate, hreflang=x - International Duplicate Content Issues
rel=alternate, hreflang=x - International Duplicate Content Issues
Â
Html intro
Html intro
Â
Artdm171 Week4 Tags
Artdm171 Week4 Tags
Â
Khoa dang (kay)
Khoa dang (kay)
Â
Blade Template and Laravel
Blade Template and Laravel
Â
uptu web technology unit 2 Css
uptu web technology unit 2 Css
Â
xhtml_basics
xhtml_basics
Â
Ă„hnlich wie HTML5 - Just the basics
What is HTML - An Introduction to HTML (Hypertext Markup Language)
What is HTML - An Introduction to HTML (Hypertext Markup Language)
Ahsan Rahim
Â
uptu web technology unit 2 html
uptu web technology unit 2 html
Abhishek Kesharwani
Â
Html tutorial
Html tutorial
NAGARAJU MAMILLAPALLY
Â
Zen codingcheatsheet
Zen codingcheatsheet
goldenveizer
Â
Html2
Html2
Abhishek Kesharwani
Â
DRYing Up Rails Views and Controllers
DRYing Up Rails Views and Controllers
James Gray
Â
Introduction to html
Introduction to html
eShikshak
Â
Html5 quick learning guide
Html5 quick learning guide
Prima Utama Apriansyah
Â
Html5 quick-learning-quide
Html5 quick-learning-quide
Ashok Suragala
Â
Html5 quick-learning-quide
Html5 quick-learning-quide
Jerry Wijaya
Â
Html5 quick-learning-quide
Html5 quick-learning-quide
PL dream
Â
An-Introduction-to-HTML
An-Introduction-to-HTML
HatemMagdyMohamed
Â
More On Html 5
More On Html 5
Darren Wood
Â
Quan Head Tag Presentation
Quan Head Tag Presentation
Quanslides
Â
Html5 css3
Html5 css3
Altaf Pinjari
Â
Html Workshop
Html Workshop
vardanyan99
Â
Building the basics (WordPress Ottawa 2014)
Building the basics (WordPress Ottawa 2014)
christopherfross
Â
Html5
Html5
Ankit Dubey
Â
Frontend for developers
Frontend for developers
Hernan Mammana
Â
Kick start @ html5
Kick start @ html5
Umesh Agarwal
Â
Ă„hnlich wie HTML5 - Just the basics
(20)
What is HTML - An Introduction to HTML (Hypertext Markup Language)
What is HTML - An Introduction to HTML (Hypertext Markup Language)
Â
uptu web technology unit 2 html
uptu web technology unit 2 html
Â
Html tutorial
Html tutorial
Â
Zen codingcheatsheet
Zen codingcheatsheet
Â
Html2
Html2
Â
DRYing Up Rails Views and Controllers
DRYing Up Rails Views and Controllers
Â
Introduction to html
Introduction to html
Â
Html5 quick learning guide
Html5 quick learning guide
Â
Html5 quick-learning-quide
Html5 quick-learning-quide
Â
Html5 quick-learning-quide
Html5 quick-learning-quide
Â
Html5 quick-learning-quide
Html5 quick-learning-quide
Â
An-Introduction-to-HTML
An-Introduction-to-HTML
Â
More On Html 5
More On Html 5
Â
Quan Head Tag Presentation
Quan Head Tag Presentation
Â
Html5 css3
Html5 css3
Â
Html Workshop
Html Workshop
Â
Building the basics (WordPress Ottawa 2014)
Building the basics (WordPress Ottawa 2014)
Â
Html5
Html5
Â
Frontend for developers
Frontend for developers
Â
Kick start @ html5
Kick start @ html5
Â
KĂĽrzlich hochgeladen
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
Safe Software
Â
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
Michael W. Hawkins
Â
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
Â
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
Gabriella Davis
Â
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
Maria Levchenko
Â
Google AI Hackathon: LLM based Evaluator for RAG
Google AI Hackathon: LLM based Evaluator for RAG
Sujit Pal
Â
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
Results
Â
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
soniya singh
Â
WhatsApp 9892124323 âś“Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 âś“Call Girls In Kalyan ( Mumbai ) secure service
Pooja Nehwal
Â
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
Puma Security, LLC
Â
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024
Scott Keck-Warren
Â
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
Principled Technologies
Â
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
The Digital Insurer
Â
How to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
naman860154
Â
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
Enterprise Knowledge
Â
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
Delhi Call girls
Â
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
HostedbyConfluent
Â
Slack Application Development 101 Slides
Slack Application Development 101 Slides
praypatel2
Â
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Alan Dix
Â
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Miguel AraĂşjo
Â
KĂĽrzlich hochgeladen
(20)
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
Â
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
Â
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
Â
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
Â
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
Â
Google AI Hackathon: LLM based Evaluator for RAG
Google AI Hackathon: LLM based Evaluator for RAG
Â
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
Â
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
Â
WhatsApp 9892124323 âś“Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 âś“Call Girls In Kalyan ( Mumbai ) secure service
Â
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
Â
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024
Â
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
Â
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
Â
How to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
Â
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
Â
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
Â
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Â
Slack Application Development 101 Slides
Slack Application Development 101 Slides
Â
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Â
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Â
HTML5 - Just the basics
1.
HTML5 Just the basics
please.
2.
You not too
late
3.
Replacement for HTML4 and
XHTML
4.
Bickering
Browser Support 2004 2005 2006 2007 2008 2009 2010 2011 Cooperation IE9
5.
Philosophy
6.
•
Based on usage • Cooperation with browser makers • Remove presentation elements • Build in scripting elements
7.
Creating an HTML5
Page
8.
Sample.html <!DOCTYPE html>
9.
Sample.html <!DOCTYPE html>
HTML 4 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd">
10.
Sample.html <!DOCTYPE html>
11.
Sample.html <!DOCTYPE html> <html lang="en">
12.
Sample.html <!DOCTYPE html>
HTML 4 <html lang="en"> <html lang="en" xml:lang="en" xmlns="http:// www.w3.org/1999/xhtml">
13.
Sample.html <!DOCTYPE html> <html lang="en">
14.
Sample.html <!DOCTYPE html> <html lang="en">
<head> <meta charset="utf-8" />
15.
Sample.html <!DOCTYPE html> <html lang="en">
HTML 4 <head> <meta http-equiv="Content-Type" content="text/ html; charset=utf-8" /> <meta charset="utf-8" />
16.
Sample.html <!DOCTYPE html> <html lang="en">
<head> <meta charset="utf-8" />
17.
Sample.html <!DOCTYPE html> <html lang="en">
<head> <meta charset="utf-8" /> <title>Sample Page</title> <link rel=”stylesheet” href=”style-original.css” />
18.
Sample.html <!DOCTYPE html> <html lang="en">
<head> <meta charset="utf-8" /> <title>Sample Page</title> <link rel=”stylesheet” href=”style-original.css” /> HTML 4 <link href=”/style/structure.css” rel=”stylesheet” type=”text/css” />
19.
Sample.html <!DOCTYPE html> <html lang="en">
<head> <meta charset="utf-8" /> <title>Sample Page</title> <link rel=”stylesheet” href=”style-original.css” />
20.
Sample.html <!DOCTYPE html> <html lang="en">
<head> <meta charset="utf-8" /> <title>Sample Page</title> <link rel=”stylesheet” href=”style-original.css” /> </head>
21.
New Elements
22.
<section> a thematic grouping
of content, typically with a heading
23.
<nav> Contains core navigation
items for a site or page
24.
<article> A self-contained composition
in a document, page, application, or site and that is intended to be independently distributable or reusable
25.
<aside> Content that is
related to but not essential to it’s parent content
26.
<hgroup> Grouping of h1
- h6 elements Â
27.
<header> Contains content at
the top of a section, typically a heading tag
28.
<footer> Take a wild
guess Â
29.
<time> Indicates a date/time
in the content
30.
31.
<header>
32.
<article>
33.
<nav>
34.
<footer>
35.
36.
<header> <nav> <section> <article>
37.
<footer>
<nav>
38.
Forms
39.
Placeholder Autofocus Email Web address Number
40.
Range Date, Month, Week,
datetime Search Color picker
41.
Specialized Elements
42.
Canvas Video Location Offline
Hinweis der Redaktion
Jetzt herunterladen