HTML CSS Basics

•

168 j'aime•50,142 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

Introduction to HTML and CSSMario Hernandez

BootstrapJadson Santos

Complete Lecture on Css presentation Salman Memon

javaScript.pptsentayehu

An Overview of HTML, CSS & Java ScriptFahim Abdullah

Javascript basicsshreesenthil

Introduction to CSS3Doris Chen

CSS BasicsWordPress Memphis

Html Pptvijayanit

Learn html BasicsMcSoftsis

Introduction to CSSAmit Tyagi

jQuery for beginnersArulmurugan Rajaraman

JavaScript ProgrammingSehwan Noh

Js pptRakhi Thota

Introduction to Cascading Style Sheets (CSS)Chris Poteet

Cascading Style Sheets (CSS) helpcasestudyhelp

Html5 and-css3-overviewJacob Nelson

Responsive web designing ppt(1)admecindia1

Web Development with HTML5, CSS3 & JavaScriptEdureka!

HTML FormsRavinder Kamboj

Tendances (20)

Introduction to HTML and CSS

Bootstrap

Complete Lecture on Css presentation

javaScript.ppt

An Overview of HTML, CSS & Java Script

Javascript basics

Introduction to CSS3

CSS Basics

Html Ppt

Learn html Basics

Introduction to CSS

jQuery for beginners

JavaScript Programming

Js ppt

Introduction to Cascading Style Sheets (CSS)

Cascading Style Sheets (CSS) help

Html5 and-css3-overview

Responsive web designing ppt(1)

Web Development with HTML5, CSS3 & JavaScript

HTML Forms

Similaire à HTML CSS Basics

Web 101Mike Feltman

Lecture6 web design and developmentRafi Haidari

html-css-JS_3.pdfIbrahimRashidBayoh

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

Css groupLeslie Steele

PHP Course in pune , PHP Training in Pimpri chinchwad ,PHP training in PuneCNC WEB WORLD

Similaire à HTML CSS Basics (20)

Web 101

Lecture6 web design and development

html-css-JS_3.pdf

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

PHP Course in pune , PHP Training in Pimpri chinchwad ,PHP training in Pune

Dernier

Call Girls Aslali 7397865700 Ridhima Hire Me Full Nightssuser7cb4ff

Pharmaceutical Packaging for the elderly.pdfAayushChavan5

(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一Fi sss

Call Girls Meghani Nagar 7397865700 Independent Call Girlsssuser7cb4ff

Call Girls in Pratap Nagar, 9953056974 Escort Service9953056974 Low Rate Call Girls In Saket, Delhi NCR

FiveHypotheses_UIDMasterclass_18April2024.pdfShivakumar Viswanathan

在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证nhjeo1gg

'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,Aginakm1

Design Portfolio - 2024 - William VickeryWilliamVickery6

定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一lvtagr7

办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书zdzoqco

How to Empower the future of UX Design with Gen AIyuj

Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCRdollysharma2066

办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一F dds

原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss

Passbook project document_april_21__.pdfvaibhavkanaujia

group_15_empirya_p1projectIndustrial.pdfneelspinoy

毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree ttt fff

2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss

Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi

Dernier (20)

Call Girls Aslali 7397865700 Ridhima Hire Me Full Night

Pharmaceutical Packaging for the elderly.pdf

(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一

Call Girls Meghani Nagar 7397865700 Independent Call Girls

Call Girls in Pratap Nagar, 9953056974 Escort Service

FiveHypotheses_UIDMasterclass_18April2024.pdf

在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证

'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,

Design Portfolio - 2024 - William Vickery

定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一

办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书

How to Empower the future of UX Design with Gen AI

Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR

办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一

原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree

Passbook project document_april_21__.pdf

group_15_empirya_p1projectIndustrial.pdf

毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree

2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree

Mookuthi is an artisanal nose ornament brand based in Madras.

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