Download as PDF, PPTX
Uploaded byMai Moustafa
HTML CSS Basics
This document provides an overview of HTML and CSS for website development. It discusses how websites use HTML for content, CSS for presentation, and JavaScript for behavior. It then covers basic HTML tags and structure, as well as CSS selectors, the box model, positioning, and floats. The goal is to teach the essentials of using HTML to structure content and CSS to style and position that content for websites.
In this document
Powered by AI
Introduction to HTML/CSS presented by Mai Moustafa from eSpace.
Overview of website layers: Behavior (JS), Presentation (CSS), and Content (HTML). Discusses semantic web concepts and disabilities impacting users. Detailed explanation of HTML including what it is, structure, tags, nested tags, attributes, and HTML5 elements.
Introduction to CSS, its purpose, how to use it, selectors (element, class, ID), and specificity rules.
Discusses the CSS box model, margin collapse, positioning (relative, absolute, fixed), and float properties.
Final remarks and thank you note from Mai Moustafa of eSpace.
More Related Content
HTML CSS Basics
- 1. HTML / CSS MaiMoustafa Senior Web Designer eSpace eSpace
- 2. Website layers Behavior (JS) Presentation(CSS) Content (HTML) eSpace
- 3.
- 4.
- 5. What is HTML? HyperText Markup Language Link Link Link eSpace
- 6.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14.
- 15.
- 16.
- 17.
- 18.
- 19.
- 20.
- 21.
- 22.
- 23.
- 24.
- 25.
- 26. Attribute Add more infoto tag eSpace
- 27.
- 28.
- 29.
- 30.
- 31. What is CSS? CascadingStyle Sheets Styles1 Styles2 eSpace Styles3
- 32. How to useit? eSpace
- 33.
- 34.
- 35.
- 36.
- 37.
- 38.
- 39.
- 40.
- 41.
- 42.
- 43.
- 44. Class VS ID Class ID •Usea lot •Lower specificity •Use once •Higher specificity eSpace
- 45.
- 46.
- 47.
- 48.
- 49.
- 50.
- 51.
- 52.
- 53.
- 54.
- 55.
- 56.
- 57.
- 58.
- 59.
- 60.
- 61.
- 62.
- 63.