Submit Search
Upload
HTML5 - Just the basics
•
Download as KEY, PDF
•
11 likes
•
15,787 views
James VanDyke
Follow
This is a presentation I put together for our web team to discuss the basics of HTML5.
Read less
Read more
Technology
Report
Share
Report
Share
1 of 42
Download now
Recommended
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
Recommended
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
More Related Content
What's hot
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's hot
(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
Similar to 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
Similar to 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
Recently uploaded
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio Web
UiPathCommunity
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
BookNet Canada
Search Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdf
RankYa
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easy
Alfredo García Lavilla
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache Maven
Hervé Boutemy
Story boards and shot lists for my a level piece
Story boards and shot lists for my a level piece
charlottematthew16
Training state-of-the-art general text embedding
Training state-of-the-art general text embedding
Zilliz
Powerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time Clash
charlottematthew16
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365
2toLead Limited
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
Fwdays
DMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special Edition
Dubai Multi Commodity Centre
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdf
Alex Barbosa Coqueiro
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project Setup
Florian Wilhelm
Vector Databases 101 - An introduction to the world of Vector Databases
Vector Databases 101 - An introduction to the world of Vector Databases
Zilliz
Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024
Enterprise Knowledge
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Patryk Bandurski
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko
Fwdays
Vertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering Tips
Miki Katsuragi
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
Fwdays
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Zilliz
Recently uploaded
(20)
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio Web
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Search Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdf
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easy
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache Maven
Story boards and shot lists for my a level piece
Story boards and shot lists for my a level piece
Training state-of-the-art general text embedding
Training state-of-the-art general text embedding
Powerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time Clash
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
DMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special Edition
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdf
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project Setup
Vector Databases 101 - An introduction to the world of Vector Databases
Vector Databases 101 - An introduction to the world of Vector Databases
Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko
Vertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering Tips
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
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
Editor's Notes
Download now