Soumettre la recherche
Mettre en ligne
HTML5 - Just the basics
•
Télécharger en tant que KEY, PDF
•
11 j'aime
•
15,787 vues
James VanDyke
Suivre
This is a presentation I put together for our web team to discuss the basics of HTML5.
Lire moins
Lire la suite
Technologie
Signaler
Partager
Signaler
Partager
1 sur 42
Télécharger maintenant
Recommandé
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
Recommandé
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
Contenu connexe
Tendances
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
Tendances
(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
Similaire à 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
Similaire à 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
Dernier
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
Rafal Los
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
Martijn de Jong
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
Results
🐬 The future of MySQL is Postgres 🐘
🐬 The future of MySQL is Postgres 🐘
RTylerCroy
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
UK Journal
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
Delhi Call girls
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
ThousandEyes
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
Malak Abu Hammad
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
Khem
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
Delhi Call girls
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
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Katpro Technologies
How to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
naman860154
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
Puma Security, LLC
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
Principled Technologies
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
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
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
debabhi2
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Igalia
Dernier
(20)
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
🐬 The future of MySQL is Postgres 🐘
🐬 The future of MySQL is Postgres 🐘
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
How to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
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
Notes de l'éditeur
Télécharger maintenant