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
SAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptx
NavinnSomaal
DMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special Edition
Dubai Multi Commodity Centre
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .
Alan Dix
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR Systems
Mark Billinghurst
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project Setup
Florian Wilhelm
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024
Scott Keck-Warren
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
null - The Open Security Community
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc
Search Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdf
RankYa
DSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine Tuning
Lars Bell
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024
Stephanie Beckett
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache Maven
Hervé Boutemy
Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptx
hariprasad279825
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio Web
UiPathCommunity
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platforms
Sergiu Bodiu
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdf
Alex Barbosa Coqueiro
Powerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time Clash
charlottematthew16
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):
comworks
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan
Fwdays
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck Presentation
Slibray Presentation
Kürzlich hochgeladen
(20)
SAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptx
DMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special Edition
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR Systems
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project Setup
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
Search Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdf
DSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine Tuning
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache Maven
Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptx
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio Web
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platforms
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdf
Powerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time Clash
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck Presentation
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