عضویت در سایت

ورود

فراموشی رمز عبور

رمز عبور خود را فراموش کرده اید؟ ایمیل خود را وارد کنید

کد امنیتی برای بروزرسانی کد امنیتی روی تصویر کلیک کنید

ورود

عضویت در سایت

رایگان ثبت نام کنید و سوالات خود را بپرسید، همچنین میتوانید در پاسخگویی به سوالات دیگر کاربران نیز سهیم باشید، هر مشکلی در ثبت نام یا ورود داشتید با ایمیل beporsam@gmail.com در ارتباط باشید

در بین 1093 آموزش و 1884 پرسش به دنبال چه هستید؟

ویندوز
نصب آنلاین ویندوز

ویندوز 7,8,10,11
مشاوره
مشاوره خرید لپ تاپ و کامپیوتر

مشاوره حرفه ای دریافت کن
بلاگ
مقالات آموزشی

1k+
پشتیبانی آنلاین

سخت افزار/نرم افزار

آموزش HTML – قسمت یازدهم(تصاویر)

سلام

در قسمت یازدهم از سری آموزش های HTML می پردازیم به کار با تصاویر.

آموزش:

در html میتونید هر نوع عکسی با هر پسوندی اعم از gif,png,jpg,jpeg,bmp و … استفاده کنید.

  • شکل کلی

برای ایجاد یک تصویر در صفحه وب از تگ <img> استفاده می شود ، که شکل کلی و نحوه استفاده به شکل زیر ار است:

به جای url آدرس تصویر و به جای text متن جایگزین تصویر قرار میگیرد.

  • روش های آدرسی دهی عکس:

به چند روش میتونیم عکس را آدرس دهی کنیم:

۱- میتونیم آدرس مستقیم عکس را وارد کنیم.

۲- آدرس دهی در پوشه جاری ، به عنوان مثال شما یک پوشه ایجاد کردید برای قالب خود ، و در این پوشه یک فایل html. ایجاد و کدهای خودتون را دارید داخل این فایل می نویسید و یک عکسی هم داخل پوشه دارید و میخواهید آدرس عکس را بنویسید ، باید به طور زیر بنویسید:

code

فقط کافیه اسم عکس با پسوندش را بنویسید.

۳- آدرس دهی در پوشه دیگری، مثال بالا را در نظر بگیرید با این تفاوت که عکس در پوشه جاری نیست ، در یک پوشه دیگه ای قرار داره (برای مثال ممکنه برای تصاویر خود پوشه ای ایجاد کردید به نام img و عکس هاتون در این پوشه قرار داره) ، در این حالت کد نویسی به صورت زیر میشود:

مطلب پیشنهادی:  آموزش فارسی word - قسمت پانزدهم(اندازه صفحات)

image-folder

۴- آدرس دهی به پوشه قبلی ، حالا ممکنه عکس شما در پوشه ای قبل تر از پوشه ی فعلی باشه(یعنی در یک پوشه بالاتر)، در این نوع کدنویسی به صورت زیر می شود:

 

“/..” این عبارت میگه یک پوشه به قبل برگرد.

  • عرض و ارتفاع

برای تصاویری که قرار میدیم میتونیم عرض و ارتفاعش را دستی تغییر بدیم:

width برای عرض و height برای ارتفاع

  • قرار گرفتن عکس در چپ یا راست

میتونیم عکس هایی که قرار میدیم مشخص کنیم که در سمت چپ صفحه قرار بگیره یا راست ، برای این کار از float استفاده می کنیم:

برای قرار گرفتن در سایت مقدار float:right و برای قرار گرفتن در چپ مقدار float:left

حالا میخواهیم متن بنویسیم و تنظیم کنیم که تصاویر در سمت چپ و راست متن قرار بگیره:

سوالی داشتید در سایت بپرسید ، پاسخگوی سوالات شما هستیم.

با ما باشید تا آموزش های بعدی … .

مطلب پیشنهادی:  آموزش تابع Rnd بیسیک فور اندروید

موفق باشید.

درباره احمد آخوندیمدیر سایت

طراح و برنامه نویس وب| تعمیرکار کامپیوتر و ماشین های اداری | علاقه مند یادگیری و یاددادن ... :)

دنبال کردن

ارسال نظر

رفتن به بالا

سامانه آموزشی و خدماتی بپرسم

اولین وب سایت آموزشی و پرسش و پاسخ در ایران

بپرسم را میتوان به عنوان مرجعی برای آموزش و حل مشکلات دانست، در بپرسم سعی کرده ایم آموزش های برنامه نویسی، طراحی سایت، کار با نرم افزارها ها و… را آموزش دهیم. همچنین محیطی فراهم کرده ایم تا کاربران بتوانند در این محیط سوالات خود را بپرسند و مشکل خود را حل کنند.