الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <head> <!-- CSS هنا قمنا بتحديد خصائص ظهور كل الوسوم الموضوعة في الصفحة بواسطة --> <style> figure { border: thin #c0c0c0 solid; display: flex; flex-flow: column; padding: 5px; max-width: 254px; margin: auto; } img { max-width: 254px; height: auto; } figcaption { background-color: #222; color: #fff; font: italic smaller sans-serif; padding: 6px 3px; text-align: center; } </style> </head> <body> <figure> <img src="/tutorials/html/tags/figcaption/planets.PNG"> <figcaption>Fig 1 - The solar system.</figcaption> </figure> </body> </html>
الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكودالصفحة الرئيسيةتحميل الكودتغيير الألوانتغيير العرضتغيير حجم العرضتشغيل الكود