HTML & CSS Basics

You’re certainly already acquainted with document editors, like Microsoft Word, with which you can structure your document with titles, paragraph, lists, tables, images, bold and italic text.

HTML provides roughly the same elements of formatting. The key difference is that formatting text in Microsoft Word is visual, whereas HTML code is purely semantic: you provide meaning to your text.

The same way you use notes to write music, you use HTML to write webpages.

While HTML is about defining the content of a webpage, CSS is about styling a webpage. It means setting colors, fonts, dimensions, margins, positions, of a webpage’s elements.

CSS brings a webpage to life, by applying a coat of paint on its static content, and elevates its purpose through color, space, emphasis and motion.

أنت على دراية تامة بمحرري المستندات ، مثل Microsoft Word ، حيث يمكنك بناء المستند الخاص بك باستخدام العناوين والفقرات والقوائم والجداول والصور والنص المائل والمائل.

يوفر HTML تقريباً نفس عناصر التنسيق. الاختلاف الرئيسي هو أن تنسيق النص في Microsoft Word مرئي ، في حين أن شفرة HTML هي لغة دلالية بحتة: أنت تقدم معنى لنصك.

بنفس الطريقة التي تستخدم بها الملاحظات لكتابة الموسيقى ، يمكنك استخدام HTML لكتابة صفحات الويب.

في حين أن HTML تدور حول تحديد محتوى صفحة الويب ، فإن CSS تدور حول تصميم صفحة ويب. وهو يعني تعيين الألوان والخطوط والأبعاد والهوامش والمواضع وعناصر صفحة الويب.

يجلب CSS صفحة ويب إلى الحياة ، من خلال تطبيق طبقة الطلاء على محتواه الثابت ، ويرفع هدفه من خلال اللون والمساحة والتركيز والحركة.