Suche senden
Hochladen
Introduction to HTML5+CSS
•
5 gefällt mir
•
1,381 views
Ramses Cabello
Folgen
Brief introduction to HTML5+CSS for designers.
Weniger lesen
Mehr lesen
Design
Technologie
Melden
Teilen
Melden
Teilen
1 von 30
Jetzt herunterladen
Downloaden Sie, um offline zu lesen
Empfohlen
Html for beginners
Html for beginners
Florian Letsch
Web1O1 - Intro to HTML/CSS
Web1O1 - Intro to HTML/CSS
NYCSS Meetup
HTML+CSS: how to get started
HTML+CSS: how to get started
Dimitris Tsironis
Responsive Web Design (April 18th, Los Angeles)
Responsive Web Design (April 18th, Los Angeles)
Thinkful
Html
Html
Rudresh Shrivastav
Web development basics
Web development basics
Kalluri Vinay Reddy
Htmlcss1
Htmlcss1
mreckman
Html css crash course may 11th, atlanta
Html css crash course may 11th, atlanta
Thinkful
Empfohlen
Html for beginners
Html for beginners
Florian Letsch
Web1O1 - Intro to HTML/CSS
Web1O1 - Intro to HTML/CSS
NYCSS Meetup
HTML+CSS: how to get started
HTML+CSS: how to get started
Dimitris Tsironis
Responsive Web Design (April 18th, Los Angeles)
Responsive Web Design (April 18th, Los Angeles)
Thinkful
Html
Html
Rudresh Shrivastav
Web development basics
Web development basics
Kalluri Vinay Reddy
Htmlcss1
Htmlcss1
mreckman
Html css crash course may 11th, atlanta
Html css crash course may 11th, atlanta
Thinkful
HTML CSS and Web Development
HTML CSS and Web Development
Rahul Mishra
Thinkful - Frontend Crash Course - Intro to HTML/CSS
Thinkful - Frontend Crash Course - Intro to HTML/CSS
TJ Stalcup
Php workshop L0 Introduction
Php workshop L0 Introduction
Mohammad Tahsin Alshalabi
Lesson 109 23 aug13-1430-ay
Lesson 109 23 aug13-1430-ay
Codecademy Ren
√ Web designing company in mumbai
√ Web designing company in mumbai
Css Founder
Lesson 01
Lesson 01
Gene Babon
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-12-173-252-450
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-12-173-252-450
Justin Ezor
20 tips and tricks
20 tips and tricks
fallenhero1777
Lesson 111 24 aug13-1430-ay
Lesson 111 24 aug13-1430-ay
Codecademy Ren
Front End Best Practices
Front End Best Practices
Holger Bartel
How to manage a big scale HTML/CSS project
How to manage a big scale HTML/CSS project
Renoir Boulanger
Lesson 01
Lesson 01
Gene Babon
Why Blogs Are Better
Why Blogs Are Better
Tris Hussey
Week 1 - How the Web Woks + Wordpress 101
Week 1 - How the Web Woks + Wordpress 101
Drake Martinet
Introduction to Wordpress (Research Based)
Introduction to Wordpress (Research Based)
Anjum Hashir
Customizing microsoft word ui
Customizing microsoft word ui
Corthall
HTML Lesson 2
HTML Lesson 2
Danny Ambrosio
Building Websites with WordPress UBC Summer 2012
Building Websites with WordPress UBC Summer 2012
Tris Hussey
How to Resolve one Very Annoying Blog Spacing Issue
How to Resolve one Very Annoying Blog Spacing Issue
Julie Anne
Techtalk
Techtalk
hijonathan
Adobe Q1 2016 Quarterly Earnings
Adobe Q1 2016 Quarterly Earnings
Adobe
матрёшка
матрёшка
Serhiy_
Weitere ähnliche Inhalte
Was ist angesagt?
HTML CSS and Web Development
HTML CSS and Web Development
Rahul Mishra
Thinkful - Frontend Crash Course - Intro to HTML/CSS
Thinkful - Frontend Crash Course - Intro to HTML/CSS
TJ Stalcup
Php workshop L0 Introduction
Php workshop L0 Introduction
Mohammad Tahsin Alshalabi
Lesson 109 23 aug13-1430-ay
Lesson 109 23 aug13-1430-ay
Codecademy Ren
√ Web designing company in mumbai
√ Web designing company in mumbai
Css Founder
Lesson 01
Lesson 01
Gene Babon
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-12-173-252-450
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-12-173-252-450
Justin Ezor
20 tips and tricks
20 tips and tricks
fallenhero1777
Lesson 111 24 aug13-1430-ay
Lesson 111 24 aug13-1430-ay
Codecademy Ren
Front End Best Practices
Front End Best Practices
Holger Bartel
How to manage a big scale HTML/CSS project
How to manage a big scale HTML/CSS project
Renoir Boulanger
Lesson 01
Lesson 01
Gene Babon
Why Blogs Are Better
Why Blogs Are Better
Tris Hussey
Week 1 - How the Web Woks + Wordpress 101
Week 1 - How the Web Woks + Wordpress 101
Drake Martinet
Introduction to Wordpress (Research Based)
Introduction to Wordpress (Research Based)
Anjum Hashir
Customizing microsoft word ui
Customizing microsoft word ui
Corthall
HTML Lesson 2
HTML Lesson 2
Danny Ambrosio
Building Websites with WordPress UBC Summer 2012
Building Websites with WordPress UBC Summer 2012
Tris Hussey
How to Resolve one Very Annoying Blog Spacing Issue
How to Resolve one Very Annoying Blog Spacing Issue
Julie Anne
Techtalk
Techtalk
hijonathan
Was ist angesagt?
(20)
HTML CSS and Web Development
HTML CSS and Web Development
Thinkful - Frontend Crash Course - Intro to HTML/CSS
Thinkful - Frontend Crash Course - Intro to HTML/CSS
Php workshop L0 Introduction
Php workshop L0 Introduction
Lesson 109 23 aug13-1430-ay
Lesson 109 23 aug13-1430-ay
√ Web designing company in mumbai
√ Web designing company in mumbai
Lesson 01
Lesson 01
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-12-173-252-450
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-12-173-252-450
20 tips and tricks
20 tips and tricks
Lesson 111 24 aug13-1430-ay
Lesson 111 24 aug13-1430-ay
Front End Best Practices
Front End Best Practices
How to manage a big scale HTML/CSS project
How to manage a big scale HTML/CSS project
Lesson 01
Lesson 01
Why Blogs Are Better
Why Blogs Are Better
Week 1 - How the Web Woks + Wordpress 101
Week 1 - How the Web Woks + Wordpress 101
Introduction to Wordpress (Research Based)
Introduction to Wordpress (Research Based)
Customizing microsoft word ui
Customizing microsoft word ui
HTML Lesson 2
HTML Lesson 2
Building Websites with WordPress UBC Summer 2012
Building Websites with WordPress UBC Summer 2012
How to Resolve one Very Annoying Blog Spacing Issue
How to Resolve one Very Annoying Blog Spacing Issue
Techtalk
Techtalk
Andere mochten auch
Adobe Q1 2016 Quarterly Earnings
Adobe Q1 2016 Quarterly Earnings
Adobe
матрёшка
матрёшка
Serhiy_
Aimopp For Presentation
Aimopp For Presentation
Jinky Quizon
Dropbox
Dropbox
lorenasanchezsuarez1101
3 d pie chart circular puzzle with hole in center process 12 stages style 2 p...
3 d pie chart circular puzzle with hole in center process 12 stages style 2 p...
SlideTeam.net
貓纜驚奇
貓纜驚奇
dondonma
LeAP Leadership Accelerator Program
LeAP Leadership Accelerator Program
E2EPeoplePractices
Cora quizon-ok
Cora quizon-ok
Jinky Quizon
Diversifying Your Digital Marketing Efforts | SMX East 2013
Diversifying Your Digital Marketing Efforts | SMX East 2013
97th Floor
Guia de estudio mapa
Guia de estudio mapa
Marjorie Reveco Saravia
Market briefing- London
Market briefing- London
The Economist Media Businesses
New Technologies That Save Time & Money - HLA 2009
New Technologies That Save Time & Money - HLA 2009
Sarah Houghton
24 04 2015 Икт в метод работе
24 04 2015 Икт в метод работе
отдел образования
Charcoal drawing portfolio 2013
Charcoal drawing portfolio 2013
Sharlena Wood
Presentation for aec
Presentation for aec
Gloriannexcelsis
Universidad nacional de san agustín: su historia de vergüenza
Universidad nacional de san agustín: su historia de vergüenza
lerikrat
ציפיות הלקוח, תפיסת השירות של המחר
ציפיות הלקוח, תפיסת השירות של המחר
hachamd
October Newsletter
October Newsletter
Erica Sinicropi
The Mall of the World
The Mall of the World
Marina Kolesnichenko
Entrepreneurial Journeys - Part 1
Entrepreneurial Journeys - Part 1
Rajesh Lalwani
Andere mochten auch
(20)
Adobe Q1 2016 Quarterly Earnings
Adobe Q1 2016 Quarterly Earnings
матрёшка
матрёшка
Aimopp For Presentation
Aimopp For Presentation
Dropbox
Dropbox
3 d pie chart circular puzzle with hole in center process 12 stages style 2 p...
3 d pie chart circular puzzle with hole in center process 12 stages style 2 p...
貓纜驚奇
貓纜驚奇
LeAP Leadership Accelerator Program
LeAP Leadership Accelerator Program
Cora quizon-ok
Cora quizon-ok
Diversifying Your Digital Marketing Efforts | SMX East 2013
Diversifying Your Digital Marketing Efforts | SMX East 2013
Guia de estudio mapa
Guia de estudio mapa
Market briefing- London
Market briefing- London
New Technologies That Save Time & Money - HLA 2009
New Technologies That Save Time & Money - HLA 2009
24 04 2015 Икт в метод работе
24 04 2015 Икт в метод работе
Charcoal drawing portfolio 2013
Charcoal drawing portfolio 2013
Presentation for aec
Presentation for aec
Universidad nacional de san agustín: su historia de vergüenza
Universidad nacional de san agustín: su historia de vergüenza
ציפיות הלקוח, תפיסת השירות של המחר
ציפיות הלקוח, תפיסת השירות של המחר
October Newsletter
October Newsletter
The Mall of the World
The Mall of the World
Entrepreneurial Journeys - Part 1
Entrepreneurial Journeys - Part 1
Ähnlich wie Introduction to HTML5+CSS
Class1slides
Class1slides
Alexis Goldstein
GDI Seattle Intro to HTML and CSS - Class 1
GDI Seattle Intro to HTML and CSS - Class 1
Heather Rock
Going native with html5 web components
Going native with html5 web components
James York
Lesson 1: Introduction to HTML
Lesson 1: Introduction to HTML
Olivia Moran
Html:css crash course (4:5)
Html:css crash course (4:5)
Thinkful
HTML language
HTML language
Anna Rita Colella
Rakshat bhati
Rakshat bhati
Rakshat bhati
HTML & CSS.ppt
HTML & CSS.ppt
vaseemshaik21
Leran html
Leran html
johir kan123
Importance of HTML
Importance of HTML
PSK Technolgies Pvt. Ltd. IT Company Nagpur
INTRODUCTIONS OF HTML
INTRODUCTIONS OF HTML
SURYANARAYANBISWAL1
Raju
Raju
Shiva Krishna Chandra Shekar
Intro to HTML & CSS
Intro to HTML & CSS
Syed Sami
introdution-to-html.ppt
introdution-to-html.ppt
ChemOyasan1
HTML for absolutely begginers
HTML for absolutely begginers
Tanbin Islam Siyam
Web development using HTML and CSS
Web development using HTML and CSS
SiddhantSingh980217
HTML.pptx
HTML.pptx
vikasmittal92
Web Designing Training in Ambala ! BATRA COMPUTER CENTRE
Web Designing Training in Ambala ! BATRA COMPUTER CENTRE
jatin batra
An Seo’s Intro to Web Dev, HTML, CSS and JavaScript
An Seo’s Intro to Web Dev, HTML, CSS and JavaScript
Troyfawkes
Presentation 1 [autosaved]
Presentation 1 [autosaved]
AbdulrahmaanDhagacad
Ähnlich wie Introduction to HTML5+CSS
(20)
Class1slides
Class1slides
GDI Seattle Intro to HTML and CSS - Class 1
GDI Seattle Intro to HTML and CSS - Class 1
Going native with html5 web components
Going native with html5 web components
Lesson 1: Introduction to HTML
Lesson 1: Introduction to HTML
Html:css crash course (4:5)
Html:css crash course (4:5)
HTML language
HTML language
Rakshat bhati
Rakshat bhati
HTML & CSS.ppt
HTML & CSS.ppt
Leran html
Leran html
Importance of HTML
Importance of HTML
INTRODUCTIONS OF HTML
INTRODUCTIONS OF HTML
Raju
Raju
Intro to HTML & CSS
Intro to HTML & CSS
introdution-to-html.ppt
introdution-to-html.ppt
HTML for absolutely begginers
HTML for absolutely begginers
Web development using HTML and CSS
Web development using HTML and CSS
HTML.pptx
HTML.pptx
Web Designing Training in Ambala ! BATRA COMPUTER CENTRE
Web Designing Training in Ambala ! BATRA COMPUTER CENTRE
An Seo’s Intro to Web Dev, HTML, CSS and JavaScript
An Seo’s Intro to Web Dev, HTML, CSS and JavaScript
Presentation 1 [autosaved]
Presentation 1 [autosaved]
Mehr von Ramses Cabello
Accessibility First
Accessibility First
Ramses Cabello
Adobe Illustrator – Minimal introduction
Adobe Illustrator – Minimal introduction
Ramses Cabello
Till Altmann - Industrial Designer in Unisto (Switzerland)
Till Altmann - Industrial Designer in Unisto (Switzerland)
Ramses Cabello
HTML+CSS Resources
HTML+CSS Resources
Ramses Cabello
Meet the grids - Web design using Grids
Meet the grids - Web design using Grids
Ramses Cabello
CSS - Style your site
CSS - Style your site
Ramses Cabello
Mehr von Ramses Cabello
(6)
Accessibility First
Accessibility First
Adobe Illustrator – Minimal introduction
Adobe Illustrator – Minimal introduction
Till Altmann - Industrial Designer in Unisto (Switzerland)
Till Altmann - Industrial Designer in Unisto (Switzerland)
HTML+CSS Resources
HTML+CSS Resources
Meet the grids - Web design using Grids
Meet the grids - Web design using Grids
CSS - Style your site
CSS - Style your site
Kürzlich hochgeladen
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
Amil baba
Sweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptx
bingyichin04
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
Nitya salvi
TRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptx
trose8
Gamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad Ibrahim
amgadibrahim92
Furniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptx
Nikhil Raut
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
samsungultra782445
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
meghakumariji156
Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...
Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...
Nitya salvi
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
MarekMitek1
Top profile Call Girls In fatehgarh [ 7014168258 ] Call Me For Genuine Models...
Top profile Call Girls In fatehgarh [ 7014168258 ] Call Me For Genuine Models...
gajnagarg
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
eqaqen
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion pills in Kuwait Cytotec pills in Kuwait
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
eeanqy
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
gajnagarg
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
drmarathore
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
nirzagarg
Essential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive Guide
Design Studio UI UX
Q4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentation
ZenSeloveres
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
amanda2495
Kürzlich hochgeladen
(20)
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
Sweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptx
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
TRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptx
Gamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad Ibrahim
Furniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptx
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...
Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
Top profile Call Girls In fatehgarh [ 7014168258 ] Call Me For Genuine Models...
Top profile Call Girls In fatehgarh [ 7014168258 ] Call Me For Genuine Models...
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Essential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive Guide
Q4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentation
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
Introduction to HTML5+CSS
1.
INTRODUCTION TO HTML5 +
CSS ramses.cabello@gmail.com @ramsescabello
2.
why the hell do
you have to learn HTML5 + CSS ?
3.
why the hell do
you have to learn HTML5 + CSS ? YOU ARE A DESIGNER.
4.
Ok. So now... What
is HTML ?
5.
Ok. So now... What
is HTML ?
6.
Computers don’t think, but
YOU DO!.
7.
HTML is the
language used by you to write websites and therefore help computers communicate.
8.
Computers translate HTML into
our language using a tool called Browser.
9.
What is the
structure of HTML language?
10.
<head> HTML is like you.
11.
Website Title Author Description <head> HTML is like
you.
12.
Website Title Author Description <head> The content of
the web. <body> HTML is like you.
13.
HTML is like you. CSS
defines your style.
14.
HTML is like you. CSS
defines your style.
15.
Just in case
you missed out.
16.
HTML defines the
content. Hello World!
17.
HTML defines the
content. CSS defines the style. Hello World!
18.
before we get
started! 1 Get paper & pen 2 Download a great Open Source editor www.brackets.io 3 Have a lot of patience. Learning takes time. You can do it.
19.
html syntax <html> Name of
the function Function starts Function ends
20.
html syntaxhtml syntax every
beginning has an end. <html> content </html>
21.
<body> <p>Hello</p> </body> html syntaxhtml syntax BE
CLEAN! Indent all your code.
22.
<body> <p>Hello</p> </body> html syntaxhtml syntax BE
CLEAN! Indent all your code.
23.
html syntax Sample tag:
Paragraphs <p>Here you would write all the text from the paragraph</p>
24.
html syntax Sample tag:
Images <img src=”name.jpg” alt=”” />
25.
html syntax Sample tag:
Images <img src=”name.jpg” alt=”” /> Some HTML tags close themselves. Inside a tag you can have variables.
26.
html syntax Sample tag:
Links <a href=”url” alt=””> Name of the link </a>
27.
html online resources www.google.com
28.
html online resources http://www.w3schools.com/html/default.asp
29.
html online resources http://tympanus.net/codrops/
30.
let’s get started! http://bit.ly/EjemploHTMLProduccionGrafica
Jetzt herunterladen