ساخت یک بخش شامل عکس (Image) یا تصویر (Illustration) یا نمودار (Diagram) یا قطعه کد (Code Snippet) و همچنین نوشتن عنوان (زیرنویس - Caption) برای آن، با تگ های figure و figcaption ، در HTML
هنگامی که در بخشی از صفحه HTML ، قصد نمایش یک عکس (Image) یا تصویر (Illustration) یا نمودار (Diagram) یا قطعه کد (Code Snippet) را داشته باشیم، می توانیم کدهای مربوط به این موارد را درون یک تگ
figure قرار دهیم.
اگر هم قصد داشته باشیم که یک عنوان (زیرنویس - Caption) برای آنها نمایش داده شود، می توانیم تگ
figcaption را درون تگ
figure به کار ببریم و متن مربوط به عنوان (زیرنویس - Caption) را در آن بنویسیم.
مثالی در مورد نمایش یک عکس (Image) :
بخش مهم کدها :
کد کامل صفحه HTML :
نتیجه :
مثالی در مورد نمایش یک عکس (Image) به همراه عنوان (زیرنویس - Caption) :
بخش مهم کدها :
کد کامل صفحه HTML :
نتیجه :
مثالی در مورد نمایش یک قطعه کد (Code Snippet) :
بخش مهم کدها :
کد کامل صفحه HTML :
نتیجه :
مثالی در مورد نمایش یک نقل قول (با تگ
blockquote ) :
بخش مهم کدها :
کد کامل صفحه HTML :
نتیجه :
