HTML CSS Basics

•

168 likes•50,149 views

Mai Moustafa

A step by step presentation to HTML and CSS

Design Technology

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

What's hot

Web Development using HTML & CSSBrainware Consultancy Pvt Ltd

Html5 tutorial for beginnersSingsys Pte Ltd

Css PptHema Prasanth

Introduction to CSSAmit Tyagi

Js pptRakhi Thota

Html pptsantosh lamba

Learn react-jsC...L, NESPRESSO, WAFAASSURANCE, SOFRECOM ORANGE

HtmlCerise Anderson

Css3Deepak Mangal

CSS BasicsWordPress Memphis

Web development using html 5Anjan Mahanta

Java Script pptPriya Goyal

CSSseedinteractive

Intro to HTML & CSSSyed Sami

Complete Lecture on Css presentation Salman Memon

Web development using HTML and CSSSiddhantSingh980217

Introduction to HTML and CSSMario Hernandez

Cssshanmuga rajan

Html Pptvijayanit

Javascript 101Shlomi Komemi

What's hot (20)

Web Development using HTML & CSS

Html5 tutorial for beginners

Css Ppt

Introduction to CSS

Js ppt

Html ppt

Learn react-js

Html

Css3

CSS Basics

Web development using html 5

Java Script ppt

CSS

Intro to HTML & CSS

Complete Lecture on Css presentation

Web development using HTML and CSS

Introduction to HTML and CSS

Css

Html Ppt

Javascript 101

Similar to 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

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

Php mysql 2Cegonsoft Fames

Similar to 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?

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

Php mysql 2

Recently uploaded

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

Call Girls Satellite 7397865700 Ridhima Hire Me Full Nightssuser7cb4ff

办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一Fi L

专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degreeyuu sss

NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...Amil baba

Design principles on typography in designnooreen17

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

8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCRdollysharma2066

PORTAFOLIO 2024_ ANASTASIYA KUDINOVAAnastasiya Kudinova

原版1:1定制堪培拉大学毕业证（UC毕业证）#文凭成绩单#真实留信学历认证永久存档208367051

Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Servicejennyeacort

Cheap Rate ➥8448380779 ▻Call Girls In Iffco Chowk GurgaonStunning ➥8448380779▻ Call Girls In Hauz Khas Delhi NCR

3D Printing And Designing Final Report.pdfSwaraliBorhade

ARt app | UX Case StudySophia Viganò

Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)jennyeacort

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

Design Portfolio - 2024 - William VickeryWilliamVickery6

MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...katerynaivanenko1

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

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

Recently uploaded (20)

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

Call Girls Satellite 7397865700 Ridhima Hire Me Full Night

办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一

专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree

NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...

Design principles on typography in design

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

8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR

PORTAFOLIO 2024_ ANASTASIYA KUDINOVA

原版1:1定制堪培拉大学毕业证（UC毕业证）#文凭成绩单#真实留信学历认证永久存档

Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service

Cheap Rate ➥8448380779 ▻Call Girls In Iffco Chowk Gurgaon

3D Printing And Designing Final Report.pdf

ARt app | UX Case Study

Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)

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

Design Portfolio - 2024 - William Vickery

MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...

Call Girls in Pratap Nagar, 9953056974 Escort Service

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

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to HTML CSS Basics

Similar to HTML CSS Basics (20)

Recently uploaded

Recently uploaded (20)

HTML CSS Basics