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
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
Fwdays
Vertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering Tips
Miki Katsuragi
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
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Wonjun Hwang
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brand
gvaughan
Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptx
hariprasad279825
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
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
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platforms
Sergiu Bodiu
Powerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time Clash
charlottematthew16
Vector Databases 101 - An introduction to the world of Vector Databases
Vector Databases 101 - An introduction to the world of Vector Databases
Zilliz
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
Fwdays
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
Fwdays
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
null - The Open Security Community
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
carlostorres15106
My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024
The Digital Insurer
Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machine
Padma Pradeep
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio Web
UiPathCommunity
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdf
Alex Barbosa Coqueiro
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial Buildings
Memoori
Dernier
(20)
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
Vertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering Tips
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brand
Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptx
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platforms
Powerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time Clash
Vector Databases 101 - An introduction to the world of Vector Databases
Vector Databases 101 - An introduction to the world of Vector Databases
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024
Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machine
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio Web
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdf
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial Buildings
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