SlideShare a Scribd company logo
1 of 12
HTML
● HTML : Hyper Text Markup Language
● HTML first discovered in the late 1990s.
● HTML is standard markup language for creating web pages.
● HTML describes structure of web pages using markup language.
● Each and every HTML elements are represented by tags.
● A web browser do not display tags but use that tag to display the
content of the page.
HTML Cont...
● HTML consists of tags surrounding content
<tag>Content Goes Here</tag>
● Example:
HTML Versions
● HTML 1.0 – Released in 1990
● HTML 2.0 – Released in 1995
● HTML 3.2 – Released in 1997
● HTML 4.0 – Released in 1997
● HTML 4.01 – Released in 1999
● HTML 5 – Released in 2014
● HTML 5.1 – Released in 2016
HTML5 is the latest version with so
many features packed in it such as
web workers, video embed, canvas,
App Caches, Geolocation etc
CSS
● CSS – Cascaded Style Sheet
● External stylesheets are stored in CSS files.
● CSS saves lot of work by controlling the layout of multiple pages all at
once.
● CSS handles the look and feel part of the web page.
● Using CSS you can control everything like color of text, style of fonts,
spacing, sizing, background, layout design etc.
CSS Cont...
● CSS consists of Selectors followed by Declaration Block
{ property : value; }
● Example:
CSS Versions
● CSS 1 – Released in 1996
● CSS 2 – Released in 1998
● CSS 2.1 – Published as W3C
Recommendation in 2011
● CSS 3 – Released in 1999
● CSS 4 – There is no single
specification on CSS 4 but it is
split into level 4 modules.
CSS3 is completely backword
compatible with features such as
new selectors, shadow, rounded
corners, border image.
Why to Learn HTML & CSS
● Internet Standard over 20 years
● Easy to learn
● Progressively Improve
● Employment
● For better understanding of web
● For creating website
● Content Management and Layouts
● Art Directed post and pages
● Better Blogging
● Reverse Engineering
● Customizing small site
● Animation
With so many featuresand advancementsarepacked in HTML &
CSS, why don't you get started with it and createyour own first
website?
Comealong with Eduonix and start learning now...ItsEASY!
Eduonix Introduces
Fresh Start HTML & CSS– The Complete Guide @ $15
To Get this Course at $15 Use Coupon Code : YT15
● Lectures: 26
● Video: 03 hours
● Language: English
● Includes: 30 day money back
guarantee!
Certificate of
Completion.
Lifetime Access.
Reference Link : https://www.eduonix.com/fresh-start-html-and-css
Table of Contents
● SECTION 1 : Getting started with HTML & CSS
● SECTION 2 : Introduction to Basic HTML
● SECTION 3 : Basic CSS
● SECTION 4 : CSS Layout
● SECTION 5 : CSS Selectors
● SECTION 6 : Simple Webpage
● SECTION 7 : Bootstrap Overview
● SECTION 8 : Summary
Connect with us on Social Platform
Thank You!!!

More Related Content

What's hot

Node.js Jump Start
Node.js Jump StartNode.js Jump Start
Node.js Jump StartHaim Michael
 
Dream weaver
Dream weaverDream weaver
Dream weaverlstar14
 
Asp.net introduction to web development
Asp.net introduction to web development Asp.net introduction to web development
Asp.net introduction to web development omeed
 
Web designp pt
Web designp ptWeb designp pt
Web designp ptBizzyb09
 
Angular js for web development
Angular js for web developmentAngular js for web development
Angular js for web developmentMindfire LLC
 
Delhi student's day
Delhi student's dayDelhi student's day
Delhi student's dayAnkur Mishra
 
Wade.Go Introduction Speech - SFD HCMC 2014
Wade.Go Introduction Speech - SFD HCMC 2014Wade.Go Introduction Speech - SFD HCMC 2014
Wade.Go Introduction Speech - SFD HCMC 2014Nguyễn Thành Hải
 
Understanding of Asp.net & page lifecycle
Understanding of Asp.net & page lifecycle Understanding of Asp.net & page lifecycle
Understanding of Asp.net & page lifecycle omeed
 
ADOBE DREAMWEAVER
ADOBE DREAMWEAVERADOBE DREAMWEAVER
ADOBE DREAMWEAVERNi
 
Web development | Derin Dolen
Web development | Derin Dolen Web development | Derin Dolen
Web development | Derin Dolen Derin Dolen
 

What's hot (20)

Node.js Jump Start
Node.js Jump StartNode.js Jump Start
Node.js Jump Start
 
Angular JS - KNOWARTH
Angular JS - KNOWARTHAngular JS - KNOWARTH
Angular JS - KNOWARTH
 
Dream weaver
Dream weaverDream weaver
Dream weaver
 
Dream weaver
Dream weaverDream weaver
Dream weaver
 
Dream weaver
Dream weaverDream weaver
Dream weaver
 
Complete HTML5 Training in Urdu/Hindi
Complete HTML5 Training in Urdu/HindiComplete HTML5 Training in Urdu/Hindi
Complete HTML5 Training in Urdu/Hindi
 
Asp.net introduction to web development
Asp.net introduction to web development Asp.net introduction to web development
Asp.net introduction to web development
 
Gwt Presentation 1
Gwt Presentation 1Gwt Presentation 1
Gwt Presentation 1
 
Web designp pt
Web designp ptWeb designp pt
Web designp pt
 
Angular js for web development
Angular js for web developmentAngular js for web development
Angular js for web development
 
Html5
Html5Html5
Html5
 
Delhi student's day
Delhi student's dayDelhi student's day
Delhi student's day
 
Wade.Go Introduction Speech - SFD HCMC 2014
Wade.Go Introduction Speech - SFD HCMC 2014Wade.Go Introduction Speech - SFD HCMC 2014
Wade.Go Introduction Speech - SFD HCMC 2014
 
Understanding of Asp.net & page lifecycle
Understanding of Asp.net & page lifecycle Understanding of Asp.net & page lifecycle
Understanding of Asp.net & page lifecycle
 
ADOBE DREAMWEAVER
ADOBE DREAMWEAVERADOBE DREAMWEAVER
ADOBE DREAMWEAVER
 
Graphics For Web
Graphics For WebGraphics For Web
Graphics For Web
 
Code igniter
Code igniterCode igniter
Code igniter
 
Web development | Derin Dolen
Web development | Derin Dolen Web development | Derin Dolen
Web development | Derin Dolen
 
20 tips and tricks
20 tips and tricks20 tips and tricks
20 tips and tricks
 
Flexbox
FlexboxFlexbox
Flexbox
 

Similar to Learn HTML & CSS Fundamentals in 40 Steps

Similar to Learn HTML & CSS Fundamentals in 40 Steps (20)

Up Up and Above HTML 5
Up Up and Above HTML 5Up Up and Above HTML 5
Up Up and Above HTML 5
 
Training presentation.pptx
Training presentation.pptxTraining presentation.pptx
Training presentation.pptx
 
Basics of HTML..pptx
Basics of HTML..pptxBasics of HTML..pptx
Basics of HTML..pptx
 
Web Information Systems Html and css
Web Information Systems Html and cssWeb Information Systems Html and css
Web Information Systems Html and css
 
Using CSS Paging to Render DITA Documents
Using CSS Paging to Render DITA DocumentsUsing CSS Paging to Render DITA Documents
Using CSS Paging to Render DITA Documents
 
Chapter 2 introduction to html5
Chapter 2 introduction to html5Chapter 2 introduction to html5
Chapter 2 introduction to html5
 
Html,CSS & UI/UX design
Html,CSS & UI/UX designHtml,CSS & UI/UX design
Html,CSS & UI/UX design
 
Html Concept
Html ConceptHtml Concept
Html Concept
 
Week3 office hours
Week3 office hoursWeek3 office hours
Week3 office hours
 
Introduction to HTML5 & CSS3
Introduction to HTML5 & CSS3Introduction to HTML5 & CSS3
Introduction to HTML5 & CSS3
 
You Can Work on the Web Patform! (GOSIM 2023)
You Can Work on the Web Patform! (GOSIM 2023)You Can Work on the Web Patform! (GOSIM 2023)
You Can Work on the Web Patform! (GOSIM 2023)
 
Html predestination - must everyone have
Html predestination - must everyone haveHtml predestination - must everyone have
Html predestination - must everyone have
 
Css home
Css   homeCss   home
Css home
 
Html5
Html5Html5
Html5
 
HTML5 Introduction – Features and Resources for HTML5
HTML5 Introduction – Features and Resources for HTML5HTML5 Introduction – Features and Resources for HTML5
HTML5 Introduction – Features and Resources for HTML5
 
Html & CSS
Html & CSSHtml & CSS
Html & CSS
 
New Web Revolution - html5 and css3
New Web Revolution - html5 and css3New Web Revolution - html5 and css3
New Web Revolution - html5 and css3
 
Web Design Norms
Web Design NormsWeb Design Norms
Web Design Norms
 
Ppt ch01
Ppt ch01Ppt ch01
Ppt ch01
 
Ppt ch01
Ppt ch01Ppt ch01
Ppt ch01
 

More from Sam Dias

Are you ready for Christmas Sale?
Are you ready for Christmas Sale?Are you ready for Christmas Sale?
Are you ready for Christmas Sale?Sam Dias
 
Developers Guide To Blockchain, Bitcoin and Cryptocurrencies
Developers Guide To Blockchain, Bitcoin and CryptocurrenciesDevelopers Guide To Blockchain, Bitcoin and Cryptocurrencies
Developers Guide To Blockchain, Bitcoin and CryptocurrenciesSam Dias
 
Angular 6 - The Complete Guide
Angular 6 - The Complete GuideAngular 6 - The Complete Guide
Angular 6 - The Complete GuideSam Dias
 
The Complete Machine Learning Resource
The Complete Machine Learning ResourceThe Complete Machine Learning Resource
The Complete Machine Learning ResourceSam Dias
 
Tensorflow for Beginners
Tensorflow for BeginnersTensorflow for Beginners
Tensorflow for BeginnersSam Dias
 
From 0 to Hero : Machine Learning Complete Guide
From 0 to Hero : Machine Learning Complete GuideFrom 0 to Hero : Machine Learning Complete Guide
From 0 to Hero : Machine Learning Complete GuideSam Dias
 
Projects in Enterprise Java (Java EE)
Projects in Enterprise Java (Java EE)Projects in Enterprise Java (Java EE)
Projects in Enterprise Java (Java EE)Sam Dias
 
Blockchain And Cryptocurrency Essentials
Blockchain And Cryptocurrency EssentialsBlockchain And Cryptocurrency Essentials
Blockchain And Cryptocurrency EssentialsSam Dias
 
The Full Stack Web Development
The Full Stack Web DevelopmentThe Full Stack Web Development
The Full Stack Web DevelopmentSam Dias
 
The BestSeller Bundle by Eduonix
The BestSeller Bundle by EduonixThe BestSeller Bundle by Eduonix
The BestSeller Bundle by EduonixSam Dias
 
Web Development with VueJS : The Complete Guide
Web Development with VueJS : The Complete GuideWeb Development with VueJS : The Complete Guide
Web Development with VueJS : The Complete GuideSam Dias
 
Generating Leads Through Digital Marketing : The Masterclass
Generating Leads Through Digital Marketing : The MasterclassGenerating Leads Through Digital Marketing : The Masterclass
Generating Leads Through Digital Marketing : The MasterclassSam Dias
 
Complete Introduction to Business Data Analysis
Complete Introduction to Business Data AnalysisComplete Introduction to Business Data Analysis
Complete Introduction to Business Data AnalysisSam Dias
 
The Ultimate iOS 11 Course Learn to Build Apps
The Ultimate iOS 11 Course Learn to Build AppsThe Ultimate iOS 11 Course Learn to Build Apps
The Ultimate iOS 11 Course Learn to Build AppsSam Dias
 
Projects In Laravel : Learn Laravel Building 10 Projects
Projects In Laravel : Learn Laravel Building 10 ProjectsProjects In Laravel : Learn Laravel Building 10 Projects
Projects In Laravel : Learn Laravel Building 10 ProjectsSam Dias
 
A Glimpse on Angular 4
A Glimpse on Angular 4A Glimpse on Angular 4
A Glimpse on Angular 4Sam Dias
 
Become The AWS Certified Solution Architect Associate
Become The AWS Certified Solution Architect AssociateBecome The AWS Certified Solution Architect Associate
Become The AWS Certified Solution Architect AssociateSam Dias
 
Hadoop and Big Data for Absolute Beginners
Hadoop and Big Data for Absolute BeginnersHadoop and Big Data for Absolute Beginners
Hadoop and Big Data for Absolute BeginnersSam Dias
 
Icon Design Masterclass : Learn Icon Design Principles
Icon Design Masterclass : Learn Icon Design PrinciplesIcon Design Masterclass : Learn Icon Design Principles
Icon Design Masterclass : Learn Icon Design PrinciplesSam Dias
 
Learn Continuous Integration with Jenkins All in One Guide
Learn Continuous Integration with Jenkins All in One GuideLearn Continuous Integration with Jenkins All in One Guide
Learn Continuous Integration with Jenkins All in One GuideSam Dias
 

More from Sam Dias (20)

Are you ready for Christmas Sale?
Are you ready for Christmas Sale?Are you ready for Christmas Sale?
Are you ready for Christmas Sale?
 
Developers Guide To Blockchain, Bitcoin and Cryptocurrencies
Developers Guide To Blockchain, Bitcoin and CryptocurrenciesDevelopers Guide To Blockchain, Bitcoin and Cryptocurrencies
Developers Guide To Blockchain, Bitcoin and Cryptocurrencies
 
Angular 6 - The Complete Guide
Angular 6 - The Complete GuideAngular 6 - The Complete Guide
Angular 6 - The Complete Guide
 
The Complete Machine Learning Resource
The Complete Machine Learning ResourceThe Complete Machine Learning Resource
The Complete Machine Learning Resource
 
Tensorflow for Beginners
Tensorflow for BeginnersTensorflow for Beginners
Tensorflow for Beginners
 
From 0 to Hero : Machine Learning Complete Guide
From 0 to Hero : Machine Learning Complete GuideFrom 0 to Hero : Machine Learning Complete Guide
From 0 to Hero : Machine Learning Complete Guide
 
Projects in Enterprise Java (Java EE)
Projects in Enterprise Java (Java EE)Projects in Enterprise Java (Java EE)
Projects in Enterprise Java (Java EE)
 
Blockchain And Cryptocurrency Essentials
Blockchain And Cryptocurrency EssentialsBlockchain And Cryptocurrency Essentials
Blockchain And Cryptocurrency Essentials
 
The Full Stack Web Development
The Full Stack Web DevelopmentThe Full Stack Web Development
The Full Stack Web Development
 
The BestSeller Bundle by Eduonix
The BestSeller Bundle by EduonixThe BestSeller Bundle by Eduonix
The BestSeller Bundle by Eduonix
 
Web Development with VueJS : The Complete Guide
Web Development with VueJS : The Complete GuideWeb Development with VueJS : The Complete Guide
Web Development with VueJS : The Complete Guide
 
Generating Leads Through Digital Marketing : The Masterclass
Generating Leads Through Digital Marketing : The MasterclassGenerating Leads Through Digital Marketing : The Masterclass
Generating Leads Through Digital Marketing : The Masterclass
 
Complete Introduction to Business Data Analysis
Complete Introduction to Business Data AnalysisComplete Introduction to Business Data Analysis
Complete Introduction to Business Data Analysis
 
The Ultimate iOS 11 Course Learn to Build Apps
The Ultimate iOS 11 Course Learn to Build AppsThe Ultimate iOS 11 Course Learn to Build Apps
The Ultimate iOS 11 Course Learn to Build Apps
 
Projects In Laravel : Learn Laravel Building 10 Projects
Projects In Laravel : Learn Laravel Building 10 ProjectsProjects In Laravel : Learn Laravel Building 10 Projects
Projects In Laravel : Learn Laravel Building 10 Projects
 
A Glimpse on Angular 4
A Glimpse on Angular 4A Glimpse on Angular 4
A Glimpse on Angular 4
 
Become The AWS Certified Solution Architect Associate
Become The AWS Certified Solution Architect AssociateBecome The AWS Certified Solution Architect Associate
Become The AWS Certified Solution Architect Associate
 
Hadoop and Big Data for Absolute Beginners
Hadoop and Big Data for Absolute BeginnersHadoop and Big Data for Absolute Beginners
Hadoop and Big Data for Absolute Beginners
 
Icon Design Masterclass : Learn Icon Design Principles
Icon Design Masterclass : Learn Icon Design PrinciplesIcon Design Masterclass : Learn Icon Design Principles
Icon Design Masterclass : Learn Icon Design Principles
 
Learn Continuous Integration with Jenkins All in One Guide
Learn Continuous Integration with Jenkins All in One GuideLearn Continuous Integration with Jenkins All in One Guide
Learn Continuous Integration with Jenkins All in One Guide
 

Recently uploaded

Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfAddepto
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek SchlawackFwdays
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):comworks
 
SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024Lorenzo Miniero
 
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks..."LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...Fwdays
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...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
 
Story boards and shot lists for my a level piece
Story boards and shot lists for my a level pieceStory boards and shot lists for my a level piece
Story boards and shot lists for my a level piececharlottematthew16
 
Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxArtificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxhariprasad279825
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr BaganFwdays
 
Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Enterprise Knowledge
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticscarlostorres15106
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Commit University
 
Training state-of-the-art general text embedding
Training state-of-the-art general text embeddingTraining state-of-the-art general text embedding
Training state-of-the-art general text embeddingZilliz
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Scott Keck-Warren
 
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyCommit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyAlfredo García Lavilla
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsMemoori
 
SAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxSAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxNavinnSomaal
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsSergiu Bodiu
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupFlorian Wilhelm
 

Recently uploaded (20)

Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdf
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):
 
SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024
 
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks..."LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
 
Story boards and shot lists for my a level piece
Story boards and shot lists for my a level pieceStory boards and shot lists for my a level piece
Story boards and shot lists for my a level piece
 
Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxArtificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptx
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan
 
Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
 
DMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special EditionDMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special Edition
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!
 
Training state-of-the-art general text embedding
Training state-of-the-art general text embeddingTraining state-of-the-art general text embedding
Training state-of-the-art general text embedding
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024
 
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyCommit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easy
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial Buildings
 
SAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxSAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptx
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platforms
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project Setup
 

Learn HTML & CSS Fundamentals in 40 Steps

  • 1.
  • 2. HTML ● HTML : Hyper Text Markup Language ● HTML first discovered in the late 1990s. ● HTML is standard markup language for creating web pages. ● HTML describes structure of web pages using markup language. ● Each and every HTML elements are represented by tags. ● A web browser do not display tags but use that tag to display the content of the page.
  • 3. HTML Cont... ● HTML consists of tags surrounding content <tag>Content Goes Here</tag> ● Example:
  • 4. HTML Versions ● HTML 1.0 – Released in 1990 ● HTML 2.0 – Released in 1995 ● HTML 3.2 – Released in 1997 ● HTML 4.0 – Released in 1997 ● HTML 4.01 – Released in 1999 ● HTML 5 – Released in 2014 ● HTML 5.1 – Released in 2016 HTML5 is the latest version with so many features packed in it such as web workers, video embed, canvas, App Caches, Geolocation etc
  • 5. CSS ● CSS – Cascaded Style Sheet ● External stylesheets are stored in CSS files. ● CSS saves lot of work by controlling the layout of multiple pages all at once. ● CSS handles the look and feel part of the web page. ● Using CSS you can control everything like color of text, style of fonts, spacing, sizing, background, layout design etc.
  • 6. CSS Cont... ● CSS consists of Selectors followed by Declaration Block { property : value; } ● Example:
  • 7. CSS Versions ● CSS 1 – Released in 1996 ● CSS 2 – Released in 1998 ● CSS 2.1 – Published as W3C Recommendation in 2011 ● CSS 3 – Released in 1999 ● CSS 4 – There is no single specification on CSS 4 but it is split into level 4 modules. CSS3 is completely backword compatible with features such as new selectors, shadow, rounded corners, border image.
  • 8. Why to Learn HTML & CSS ● Internet Standard over 20 years ● Easy to learn ● Progressively Improve ● Employment ● For better understanding of web ● For creating website ● Content Management and Layouts ● Art Directed post and pages ● Better Blogging ● Reverse Engineering ● Customizing small site ● Animation
  • 9. With so many featuresand advancementsarepacked in HTML & CSS, why don't you get started with it and createyour own first website? Comealong with Eduonix and start learning now...ItsEASY!
  • 10. Eduonix Introduces Fresh Start HTML & CSS– The Complete Guide @ $15 To Get this Course at $15 Use Coupon Code : YT15 ● Lectures: 26 ● Video: 03 hours ● Language: English ● Includes: 30 day money back guarantee! Certificate of Completion. Lifetime Access. Reference Link : https://www.eduonix.com/fresh-start-html-and-css
  • 11. Table of Contents ● SECTION 1 : Getting started with HTML & CSS ● SECTION 2 : Introduction to Basic HTML ● SECTION 3 : Basic CSS ● SECTION 4 : CSS Layout ● SECTION 5 : CSS Selectors ● SECTION 6 : Simple Webpage ● SECTION 7 : Bootstrap Overview ● SECTION 8 : Summary
  • 12. Connect with us on Social Platform Thank You!!!