با استفاده از html و css تصویری با ویژگی های زیر در صفحه درج کنید
آدرس تصویر
متن جاگزین تصویر (کدبزن) باشد
عرض تصویر همیشه 90 درصد عرض صفحه کاربر باشد ولی از 400 پیکسل بیشتر نشود همچنین از 100 پیکسل کوچکتر نشود
تصویر همیشه وسط صفحه (از چپ و راست) قرار گیرد
C S S__________________
img{
display: block;
margin: auto;
width: 90vw;
min-width: 100px;
max-width: 400px;}
H T M L_________________
<img src="https://code-bezan.ir/static/image/logotype.png" alt="کد بزن">
HTML & CSS
the professional answer
<!DOCTYPE html>
<html lang="fa">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>تصویر با ویژگی‌های خاص</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="image-container">
<img src="https://via.placeholder.com/800" alt="کدبزن" class="responsive-image">
</div>
</body>
</html>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
display: flex;
justify-content: center; /* برای مرکز کردن محتوا */
align-items: center; /* برای مرکز کردن عمودی */
height: 100vh; /* ارتفاع 100 درصد صفحه */
}
.image-container {
width: 100%; /* عرض کامل صفحه */
max-width: 400px; /* حداکثر عرض 400 پیکسل */
min-width: 100px; /* حداقل عرض 100 پیکسل */
text-align: center; /* متن جاگزین را مرکز می‌کند */
}
.responsive-image {
width: 90%; /* عرض تصویر 90 درصد عرض صفحه */
height: auto; /* حفظ نسبت ابعاد تصویر */
}
HTML & CSS
<!DOCTYPE html>
<html lang="fa">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>تصویر با ویژگی‌های مشخص</title>
<style>
.image-container {
display: flex;
justify-content: center;
align-items: center;
margin: 20px; /* فاصله از بالا و پایین */
}
img {
width: 90%; /* عرض تصویر 90 درصد عرض صفحه */
max-width: 400px; /* حداکثر عرض 400 پیکسل */
min-width: 100px; /* حداقل عرض 100 پیکسل */
height: auto; /* حفظ نسبت تصویر */
}
</style>
</head>
<body>
<div class="image-container">
<img src="آدرس_تصویر_اینجا" alt="کدبزن">
</div>
</body>
</html>
HTML & CSS
<!DOCTYPE html>
<html lang="fa">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>تصویر با ویژگی‌های مشخص</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="image-container">
<img src="your-image-url.jpg" alt="کدبزن" class="responsive-image">
</div>
</body>
</html>
HTML & CSS
برنامه ای بنویسید که سن کاربر را از ورودی دریافت کند و بررسی کند که اگر سن کاربر کمتر از ۲۰ بود خطایی throw/raise کند و در غیر این صورت پیغام خوش آمد گویی چاپ کند
Python
تابعی بنویسید که تعداد بی نهایت پارامتر دریافت کند و میانگین اعداد را برگرداند اگر پارامتری مقدار غیرعددی بود، آن را نادیده بگیرد
Python
تابعی بنویسید که نام کاربری را دریافت کند و اگر داخل آن کاراکتری جز حروف کوچک انگلیسی بود، false و در غیر صورت True برگرداند
Python
برنامه کتابخانه ای بنویسید که قابلیت های زیر را داشته باشد: 1- کاربر بتواند کتاب جدید ثبت کند 2- کاربر بتواند کتاب های ثبت شده را حذف کند 3- کاربر بتواند مشخصات کتاب ها شامل اسم و موضوع آنها را تغی...
Python
C#
برنامه ای بنویسید که کاربر بتواند به تعداد دلخواه عدد یک رقمی وارد کند و سپس تمام اعدادی که میتوان با رقم های وارد شده ساخت را در خروجی چاپ کند مثال:input:1 input:2 input:end 12 21 11 22
Python
C#
جدولی ایجاد کنید و اطلاعات افراد زیر شامل اسم، شهر و سن را در آن قرار دهیدامیرحسین تهران 23هوشنگ تهران 48لیلا اراک 39مهدی قم 12زهرا مازندران 33حسین همدان 56
Front-End
Python
برای استفاده از این بخش باید وارد حساب کاربریت بشی
ورود/ثبت نام
اگه متوجه تمرین نمیشی یا به هر دلیلی نمیتونی حلش کنی، کاملا طبیعیه، اشکالی نداره؛ ناراحت نشو
😊
سعی کن تمرینات آسون تر رو ببینی و جواب های مختلفی که دیگران ارسال کرده اند رو بررسی کنی و
یواش یواش به سراغ تمرینات سخت تر بری.
همچنین ممکنه جوابت درست باشه ولی با سایر جواب ها متفاوت باشه
اگه برنامه نویسی رو هنوز شروع نکردی یا خوب یاد نگرفتی، میتونی از طریق لینک زیر یاد بگیری