-
egypt-code ايجيبت كود
2024/05/03
تصميم صفحة ويب بلغة html و css
تصميم صفحة ويب بلغة html و css
البداية مع HTML
HTML، أو لغة توصيف النص التشعبي، هي العمود الفقري لأي صفحة ويب. تستخدم HTML لتصميم هيكل صفحة الويب وتنظيم المحتوى مثل النصوص، الصور، وروابط الفيديو. العنصر الأساسي في HTML هو العلامة. العلامات هي أساس تنظيم وتصنيف المحتوى على الويب. على سبيل المثال، علامات العنوان (<h1>, <h2>, ... <h6>) تستخدم لتحديد عناوين، بينما تستخدم علامة <p> للفقرات.
هيكل صفحة HTML الأساسي
html
Copy code
<!DOCTYPE html>
<html>
<head>
<title>عنوان الصفحة</title>
</head>
<body>
<h1>مرحبًا بكم في صفحتي</h1>
<p>هذه فقرة في صفحة الويب.</p>
<img src="image.jpg" alt="وصف الصورة">
</body>
</html>
في هذا المثال، <head> يحتوي على معلومات لا تظهر على الصفحة نفسها ولكنها تؤثر على كيفية عرض المحتوى وتصرف المتصفح، مثل العنوان المعروض في علامة التبويب. <body> يحتوي على جميع المحتويات التي يراها الزائر.
تصميم بواسطة CSS
CSS، أو أوراق الأنماط المتتالية، تستخدم لتحديد الطريقة التي يجب على المتصفح عرض عناصر HTML بها. CSS تتيح لك التحكم في كل جانب تقريبًا من جوانب التصميم، من الخطوط والألوان إلى التباعد والتحكم في كيفية عرض العناصر على الشاشة.
التعليقات