SlideShare une entreprise Scribd logo
1  sur  9
Télécharger pour lire hors ligne
Html&css pp
WHAT IS HTML? 
Hypertext Markup Language 
A standardized system for tagging text 
files to achieve font, color, graphic, and 
hyperlink effects on World Wide Web 
pages. 
-The skeleton of any website
Html&css pp
Html&css pp
SO HOW DOES THIS ALL WORK? 
 You can create a website using most any text 
editor. 
 WYSIWYG- Adobe Dreamweaver & Blue Griffon 
 Pictures are referenced from a location on your 
computer or the Internet.
CREATING A TEXT HYPERLINK 
<a href=google.com>Visit Google!</a> 
Visit Google!
LISTS 
 <ul> 
<li>Coffee</li> 
<li>Tea</li> 
<li>Milk</li> 
</ul> 
 Coffee 
 Tea 
 Milk
HTML ELEMENTS 
Written with a start and ending 
tag 
Ex: Beginning a paragraph 
<p> beginning tag </p> 
ending tag 
Content goes in the middle
<!DOCTYPE html> 
<html> 
<head> 
<title>This is a title</title> 
</head> 
<body> 
<p>Hello world!</p> 
</body> 
</html>

Contenu connexe

Tendances

Web Design 101
Web Design 101Web Design 101
Web Design 101vegdwk
 
Hello world
Hello worldHello world
Hello worldhemi46h
 
Railsgirls: Where did my HTML and CSS go
Railsgirls: Where did my HTML and CSS goRailsgirls: Where did my HTML and CSS go
Railsgirls: Where did my HTML and CSS goBrigitte Jellinek
 
Lesson 2: Getting To Know HTML
Lesson 2: Getting To Know HTMLLesson 2: Getting To Know HTML
Lesson 2: Getting To Know HTMLOlivia Moran
 
HTML(hyper text markup language)
HTML(hyper text markup language)HTML(hyper text markup language)
HTML(hyper text markup language)Deepak Upadhyay
 
WordCamp Tokyo 2011 komori
WordCamp Tokyo 2011 komoriWordCamp Tokyo 2011 komori
WordCamp Tokyo 2011 komorimasaaki komori
 
Setting Up your WordPress Site like a Pro
Setting Up your WordPress Site like a ProSetting Up your WordPress Site like a Pro
Setting Up your WordPress Site like a ProNile Flores
 
EdTech Training by AG
EdTech Training by AGEdTech Training by AG
EdTech Training by AGaysegulgezek
 
DM 250 Week 1 - The Internet, XHTML, & CSS
DM 250 Week 1 - The Internet, XHTML, & CSSDM 250 Week 1 - The Internet, XHTML, & CSS
DM 250 Week 1 - The Internet, XHTML, & CSSJoel G Goodman
 
Grade 7-8 Quiz (Computer Bacis) 08/26/15
Grade 7-8 Quiz (Computer Bacis) 08/26/15Grade 7-8 Quiz (Computer Bacis) 08/26/15
Grade 7-8 Quiz (Computer Bacis) 08/26/15mreckman
 
Html tags
Html tagsHtml tags
Html tagsKumar
 
Theming websites effortlessly with Deliverance (CMSExpo 2010)
Theming websites effortlessly with Deliverance (CMSExpo 2010)Theming websites effortlessly with Deliverance (CMSExpo 2010)
Theming websites effortlessly with Deliverance (CMSExpo 2010)Jazkarta, Inc.
 
Jeff's Slidecast Guide to Creating a Slidecast
Jeff's Slidecast Guide to Creating a SlidecastJeff's Slidecast Guide to Creating a Slidecast
Jeff's Slidecast Guide to Creating a SlidecastJeff Lebow
 
Grade 3-6 Quiz (Computer Basics) 08/26/15
Grade 3-6 Quiz (Computer Basics) 08/26/15Grade 3-6 Quiz (Computer Basics) 08/26/15
Grade 3-6 Quiz (Computer Basics) 08/26/15mreckman
 
How To Become A Web Page Master Builder
How To Become A Web Page Master BuilderHow To Become A Web Page Master Builder
How To Become A Web Page Master Buildermarcgr1
 

Tendances (20)

Web Design 101
Web Design 101Web Design 101
Web Design 101
 
Hello world
Hello worldHello world
Hello world
 
Railsgirls: Where did my HTML and CSS go
Railsgirls: Where did my HTML and CSS goRailsgirls: Where did my HTML and CSS go
Railsgirls: Where did my HTML and CSS go
 
Lesson 2: Getting To Know HTML
Lesson 2: Getting To Know HTMLLesson 2: Getting To Know HTML
Lesson 2: Getting To Know HTML
 
HTML(hyper text markup language)
HTML(hyper text markup language)HTML(hyper text markup language)
HTML(hyper text markup language)
 
WordCamp Tokyo 2011 komori
WordCamp Tokyo 2011 komoriWordCamp Tokyo 2011 komori
WordCamp Tokyo 2011 komori
 
Setting Up your WordPress Site like a Pro
Setting Up your WordPress Site like a ProSetting Up your WordPress Site like a Pro
Setting Up your WordPress Site like a Pro
 
Question 6
Question 6Question 6
Question 6
 
Php workshop L0 Introduction
Php workshop L0 IntroductionPhp workshop L0 Introduction
Php workshop L0 Introduction
 
Introduction to HTML5
Introduction to HTML5Introduction to HTML5
Introduction to HTML5
 
EdTech Training by AG
EdTech Training by AGEdTech Training by AG
EdTech Training by AG
 
Slide Dot Com
Slide Dot ComSlide Dot Com
Slide Dot Com
 
DM 250 Week 1 - The Internet, XHTML, & CSS
DM 250 Week 1 - The Internet, XHTML, & CSSDM 250 Week 1 - The Internet, XHTML, & CSS
DM 250 Week 1 - The Internet, XHTML, & CSS
 
Grade 7-8 Quiz (Computer Bacis) 08/26/15
Grade 7-8 Quiz (Computer Bacis) 08/26/15Grade 7-8 Quiz (Computer Bacis) 08/26/15
Grade 7-8 Quiz (Computer Bacis) 08/26/15
 
Html tags
Html tagsHtml tags
Html tags
 
Php workshop L02 php basics
Php workshop L02 php basicsPhp workshop L02 php basics
Php workshop L02 php basics
 
Theming websites effortlessly with Deliverance (CMSExpo 2010)
Theming websites effortlessly with Deliverance (CMSExpo 2010)Theming websites effortlessly with Deliverance (CMSExpo 2010)
Theming websites effortlessly with Deliverance (CMSExpo 2010)
 
Jeff's Slidecast Guide to Creating a Slidecast
Jeff's Slidecast Guide to Creating a SlidecastJeff's Slidecast Guide to Creating a Slidecast
Jeff's Slidecast Guide to Creating a Slidecast
 
Grade 3-6 Quiz (Computer Basics) 08/26/15
Grade 3-6 Quiz (Computer Basics) 08/26/15Grade 3-6 Quiz (Computer Basics) 08/26/15
Grade 3-6 Quiz (Computer Basics) 08/26/15
 
How To Become A Web Page Master Builder
How To Become A Web Page Master BuilderHow To Become A Web Page Master Builder
How To Become A Web Page Master Builder
 

En vedette

Febpres 140210130319-phpapp01 new
Febpres 140210130319-phpapp01 newFebpres 140210130319-phpapp01 new
Febpres 140210130319-phpapp01 newkevindoc84
 
1 Hour Fast Cash Loans
1 Hour Fast Cash Loans1 Hour Fast Cash Loans
1 Hour Fast Cash LoansJohn Miller
 
French revolution
French revolutionFrench revolution
French revolutionjuliagamos
 
Business Model Design
Business Model DesignBusiness Model Design
Business Model Designfloridavc
 
Prusedur sterilisasi black diki
Prusedur sterilisasi black dikiPrusedur sterilisasi black diki
Prusedur sterilisasi black dikidicky firman
 
Parent talk anxiety
Parent talk   anxietyParent talk   anxiety
Parent talk anxiety02028561
 

En vedette (9)

Internet Safety
Internet SafetyInternet Safety
Internet Safety
 
Febpres 140210130319-phpapp01 new
Febpres 140210130319-phpapp01 newFebpres 140210130319-phpapp01 new
Febpres 140210130319-phpapp01 new
 
1 Hour Fast Cash Loans
1 Hour Fast Cash Loans1 Hour Fast Cash Loans
1 Hour Fast Cash Loans
 
French revolution
French revolutionFrench revolution
French revolution
 
Business Model Design
Business Model DesignBusiness Model Design
Business Model Design
 
Prusedur sterilisasi black diki
Prusedur sterilisasi black dikiPrusedur sterilisasi black diki
Prusedur sterilisasi black diki
 
Parent talk anxiety
Parent talk   anxietyParent talk   anxiety
Parent talk anxiety
 
Trabajo 1
Trabajo 1Trabajo 1
Trabajo 1
 
The basics
The basics The basics
The basics
 

Similaire à Html&css pp

Similaire à Html&css pp (20)

Html intro
Html introHtml intro
Html intro
 
Html.ppt
Html.pptHtml.ppt
Html.ppt
 
Web development basics
Web development basicsWeb development basics
Web development basics
 
Day of code
Day of codeDay of code
Day of code
 
Intro to Web Development
Intro to Web DevelopmentIntro to Web Development
Intro to Web Development
 
Info Session on Web.pptx
Info Session on Web.pptxInfo Session on Web.pptx
Info Session on Web.pptx
 
HTML
HTMLHTML
HTML
 
Introduction to PHP - Slide 1
Introduction to PHP - Slide 1 Introduction to PHP - Slide 1
Introduction to PHP - Slide 1
 
HTML Bootcamp
HTML BootcampHTML Bootcamp
HTML Bootcamp
 
Khoa dang (kay)
Khoa dang (kay)Khoa dang (kay)
Khoa dang (kay)
 
Presentation Slides.pptx
Presentation Slides.pptxPresentation Slides.pptx
Presentation Slides.pptx
 
HTML-INTRO.pptx
HTML-INTRO.pptxHTML-INTRO.pptx
HTML-INTRO.pptx
 
HTML Introduction
HTML IntroductionHTML Introduction
HTML Introduction
 
HTML, CSS And JAVASCRIPT!
HTML, CSS And JAVASCRIPT!HTML, CSS And JAVASCRIPT!
HTML, CSS And JAVASCRIPT!
 
HTML Lab ProjectTo create a simple web page you will need .docx
HTML Lab ProjectTo create a simple web page you will need .docxHTML Lab ProjectTo create a simple web page you will need .docx
HTML Lab ProjectTo create a simple web page you will need .docx
 
Web dev
Web devWeb dev
Web dev
 
introdution-to-html.pptx
introdution-to-html.pptxintrodution-to-html.pptx
introdution-to-html.pptx
 
introduction to html.ppt
introduction to html.pptintroduction to html.ppt
introduction to html.ppt
 
HTML (Hyper Text Markup Language)
HTML (Hyper Text Markup Language)HTML (Hyper Text Markup Language)
HTML (Hyper Text Markup Language)
 
Meeting 01
Meeting 01Meeting 01
Meeting 01
 

Dernier

AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesMd Hossain Ali
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopBachir Benyammi
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAshyamraj55
 
Things you didn't know you can use in your Salesforce
Things you didn't know you can use in your SalesforceThings you didn't know you can use in your Salesforce
Things you didn't know you can use in your SalesforceMartin Humpolec
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024SkyPlanner
 
PicPay - GenAI Finance Assistant - ChatGPT for Customer Service
PicPay - GenAI Finance Assistant - ChatGPT for Customer ServicePicPay - GenAI Finance Assistant - ChatGPT for Customer Service
PicPay - GenAI Finance Assistant - ChatGPT for Customer ServiceRenan Moreira de Oliveira
 
Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024D Cloud Solutions
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.YounusS2
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostMatt Ray
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1DianaGray10
 
Introduction to Quantum Computing
Introduction to Quantum ComputingIntroduction to Quantum Computing
Introduction to Quantum ComputingGDSC PJATK
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfinfogdgmi
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioChristian Posta
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesDavid Newbury
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintMahmoud Rabie
 
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Will Schroeder
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URLRuncy Oommen
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfDianaGray10
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Commit University
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxMatsuo Lab
 

Dernier (20)

AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 Workshop
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
 
Things you didn't know you can use in your Salesforce
Things you didn't know you can use in your SalesforceThings you didn't know you can use in your Salesforce
Things you didn't know you can use in your Salesforce
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024
 
PicPay - GenAI Finance Assistant - ChatGPT for Customer Service
PicPay - GenAI Finance Assistant - ChatGPT for Customer ServicePicPay - GenAI Finance Assistant - ChatGPT for Customer Service
PicPay - GenAI Finance Assistant - ChatGPT for Customer Service
 
Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1
 
Introduction to Quantum Computing
Introduction to Quantum ComputingIntroduction to Quantum Computing
Introduction to Quantum Computing
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdf
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and Istio
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond Ontologies
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership Blueprint
 
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URL
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptx
 

Html&css pp

  • 2. WHAT IS HTML? Hypertext Markup Language A standardized system for tagging text files to achieve font, color, graphic, and hyperlink effects on World Wide Web pages. -The skeleton of any website
  • 5. SO HOW DOES THIS ALL WORK?  You can create a website using most any text editor.  WYSIWYG- Adobe Dreamweaver & Blue Griffon  Pictures are referenced from a location on your computer or the Internet.
  • 6. CREATING A TEXT HYPERLINK <a href=google.com>Visit Google!</a> Visit Google!
  • 7. LISTS  <ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul>  Coffee  Tea  Milk
  • 8. HTML ELEMENTS Written with a start and ending tag Ex: Beginning a paragraph <p> beginning tag </p> ending tag Content goes in the middle
  • 9. <!DOCTYPE html> <html> <head> <title>This is a title</title> </head> <body> <p>Hello world!</p> </body> </html>