HTML CSS Basics

•

168 j'aime•50,270 vues

Mai Moustafa

A step by step presentation to HTML and CSS

Design Technologie

HTML / CSS
Mai Moustafa
Senior Web Designer
eSpace

eSpace

Website layers
Behavior (JS)
Presentation (CSS)
Content (HTML)
eSpace

Website Users
Normal

Search
Engine

Disabilities

Semantic

eSpace

What is HTML?
Hyper Text Markup Language
Link
Link

Link

eSpace

What is CSS?
Cascading Style Sheets

Styles1

Styles2

eSpace

Styles3

Selectors

p

Element

.name

Class

#name

Id
eSpace

Specificity

1

Element

10

Class

100

Id
eSpace

Class VS ID

Class

ID

•Use a lot
•Lower
specificity

•Use once
•Higher
specificity
eSpace

Contenu connexe

Tendances

Cascading Style Sheet (CSS)AakankshaR

CSSPeople Strategists

Introduction of Html/css/jsKnoldus Inc.

An Overview of HTML, CSS & Java ScriptFahim Abdullah

Web Development using HTML & CSSBrainware Consultancy Pvt Ltd

Css PptHema Prasanth

Html5 tutorial for beginnersSingsys Pte Ltd

Complete Lecture on Css presentation Salman Memon

Presentation of web designingsreejagiri

CssManav Prasad

Css box-modelWebtech Learning

css.pptbhasula

Introduction to htmlvikasgaur31

CSS - Text Propertieshstryk

Php.pptNidhi mishra

Intro HtmlChidanand Byahatti

JavascriptManav Prasad

Introduction to JavaScriptAndres Baravalle

Htmlyugank_gupta

Web development pptParasJain222

Tendances (20)

Cascading Style Sheet (CSS)

CSS

Introduction of Html/css/js

An Overview of HTML, CSS & Java Script

Web Development using HTML & CSS

Css Ppt

Html5 tutorial for beginners

Complete Lecture on Css presentation

Presentation of web designing

Css

Css box-model

css.ppt

Introduction to html

CSS - Text Properties

Php.ppt

Intro Html

Javascript

Introduction to JavaScript

Html

Web development ppt

Similaire à HTML CSS Basics

Web 101Mike Feltman

Lecture6 web design and developmentRafi Haidari

html-css-JS_3.pdfIbrahimRashidBayoh

Introduction to Cascading Style Sheets (CSS)Chris Poteet

Php IntroTenth Planet Technologies

Stop your share point css become a di-sass-ter today - SPS MunichStefan Bauer

Rational HATS and CSSStrongback Consulting

Css jon duckett - flashcardsChirag Aggarwal

Web designing course Ooi TrainingsOoi Trainings

Wordpress(css,php,js,ajax)SARAVANAN RAMAOORTHY

OOCSS, SMACSS or BEM, what is the question...Michael Posso

OOCSS, SMACSS or BEM?Michael Posso

(Fast) Introduction to HTML & CSS Dave Kelly

CssNIRMAL FELIX

Cegonsoft-Php training institute Bangaloredhivyas19

Child Themes in WordPressJeff Cohan

SASS - Syntactically Awesome StylesheetNeha Sharma

Css groupLeslie Steele

Css groupSonia Leng

Similaire à HTML CSS Basics (20)

Web 101

Lecture6 web design and development

html-css-JS_3.pdf

Introduction to Cascading Style Sheets (CSS)

Php Intro

Stop your share point css become a di-sass-ter today - SPS Munich

Rational HATS and CSS

Css jon duckett - flashcards

Web designing course Ooi Trainings

Wordpress(css,php,js,ajax)

OOCSS, SMACSS or BEM, what is the question...

OOCSS, SMACSS or BEM?

(Fast) Introduction to HTML & CSS

Css

Cegonsoft-Php training institute Bangalore

Child Themes in WordPress

SASS - Syntactically Awesome Stylesheet

Css group

Dernier

Editorial design Magazine design project.pdftbatkhuu1

call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...Delhi Call girls

Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...Call Girls in Nagpur High Profile

ab-initio-training basics and architecturesaipriyacoool

UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...RitikaRoy32

❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.Nitya salvi

How to Build a Simple Shopify Websitemark11275

Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...kumaririma588

Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard ...nirzagarg

➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...amitlee9823

Call Girls Jalgaon Just Call 8617370543Top Class Call Girl Service AvailableNitya salvi

💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...sonalitrivedi431

call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️Delhi Call girls

➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men 🔝dehradun🔝 Escor...amitlee9823

Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...Call Girls in Nagpur High Profile

8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Availabledollysharma2066

Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...Call Girls in Nagpur High Profile

➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...amitlee9823

Hire 💕 8617697112 Meerut Call Girls Service Call Girls AgencyNitya salvi

Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...gajnagarg

Dernier (20)

Editorial design Magazine design project.pdf

call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...

Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...

ab-initio-training basics and architecture

UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...

❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.

How to Build a Simple Shopify Website

Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...

Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard ...

➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...

Call Girls Jalgaon Just Call 8617370543Top Class Call Girl Service Available

💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...

call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️

➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men 🔝dehradun🔝 Escor...

Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...

8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available

Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...

➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...

Hire 💕 8617697112 Meerut Call Girls Service Call Girls Agency

Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...

HTML CSS Basics

1. HTML / CSS Mai Moustafa Senior Web Designer eSpace eSpace

2. Website layers Behavior (JS) Presentation (CSS) Content (HTML) eSpace

3. Website Users Normal Search Engine Disabilities Semantic eSpace

4. HTML eSpace

5. What is HTML? Hyper Text Markup Language Link Link Link eSpace

6. Tags eSpace

7. Nested Tags eSpace

8. Basic Structure eSpace

19. Div eSpace

21. Block elements eSpace

22. Inline elements eSpace

23. Preview eSpace

24. More Inline elements eSpace

25. Preview eSpace

26. Attribute Add more info to tag eSpace

27. Preview eSpace

28. HTML 5 tags eSpace

29. Semantic Content Text Media eSpace

30. CSS eSpace

31. What is CSS? Cascading Style Sheets Styles1 Styles2 eSpace Styles3

32. How to use it? eSpace

33. Rules eSpace

34. Selectors p Element .name Class #name Id eSpace

35. Element Selector eSpace

36. Preview eSpace

37. Class Selector eSpace

38. Preview eSpace

39. ID Selector eSpace

40. Preview eSpace

41. 2 Rules eSpace

42. Preview eSpace

43. Specificity 1 Element 10 Class 100 Id eSpace

44. Class VS ID Class ID •Use a lot •Lower specificity •Use once •Higher specificity eSpace

45. Descendent Selector eSpace

46. Preview eSpace

47. Naming eSpace

48. Box Model (Block) eSpace

49. Box Model (Block) eSpace

50. Box Model (Block) eSpace

51. Preview eSpace

52. Margin collapse eSpace

53. Margin collapse eSpace

54. Box Model (Inline) eSpace

55. Box Model (Inline) eSpace

56. Preview eSpace

57. Relative Position eSpace

58. Absolute Position eSpace

59. Fixed Position eSpace

60. Float eSpace

61. Float eSpace

62. Assignment eSpace

63. Thanks eSpace

HTML CSS Basics

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (20)

Similaire à HTML CSS Basics

Similaire à HTML CSS Basics (20)

Dernier

Dernier (20)

HTML CSS Basics