رفتن به مطلب
لـــرن نــت

انجمن های پشتیبانی

شما می توانید سوالات و مشکلات خود را در انجمن های تخصصی برنامه نویس ایرانی پیگیری کنید.

تــوجــه

پسورد تمامی فایل ها learn-net.ir میباشد.

تــوجــه

این وب سایت تحت نظر پلیس فتا میباشد و تمامی مطالب طبق قوانین ایران میباشد.

سرور تیم اسپیک

شما هم میتوانید عضو بکس لرن نت در تیم اسپیک باشید ! بالاخره سرور تیم اسپیک انجمن برنامه نویس ایرانی راه اندازی شد که شما میتوانید با نصب نرم افزار teamspeak به جمع ما بپیوندید.

ts.learn-net.ir
شایان آباد

آموزش html - قسمت ششم - افزودن عکس به صفحه

پست های پیشنهاد شده

آموزش html - قسمت ششم - افزودن عکس به صفحه
 
وارد کردن تصاویر در صفحات HTML
 

آیا شما می خواهید یک عکس را به صفحه خود اضافه کنید؟ برای این کار باید از تگ زیر استفاده کنید:

کاربر گرامی برای مشاهده این قسمت باید از اکانت شخصی خود استفاده کنید زیرا کاربران مهمان دستررسی مشاهده این قسمت را ندارد.

در این تگ IMG نشانه قرار گرفتن تصویر در صفحه و SRC آدرس محل قرار گرفتن فایل عکس است. حتماً لازم نیست این عکس مربوط به سایت شما باشد یا در سرور شما قرار داشته باشد، شما می توانید هر عکسی که در اینترنت قابل دسترسی باشد استفاده کنید (اگر قصد دارید صفحه خود را در یک سایت اینترنتی قرار دهید) . شما می توانید فقط نام فایل را به جای آدرس کامل بنویسید اگر صفحه ای که عکس باید در آن قرار گیرد و خود عکس در یک پوشه قرار داشته باشند.

مثلاً اگر عکس شما در این آدرس قرار دارد http://www.example.c...mages/image.gif و صفحه ای که در حال ویرایش آن هستید در پوشه ای غیر از این قرار دارد شما باید تگ زیر را برای اضافه کردن عکس به صفحه خود به کار ببرید:

کاربر گرامی برای مشاهده این قسمت باید از اکانت شخصی خود استفاده کنید زیرا کاربران مهمان دستررسی مشاهده این قسمت را ندارد.

اگر فایل html و عکس هر دو در یک پوشه باشند می توانید برای راحتی در تایپ کردن از این تگ استفاده کنید:

کاربر گرامی برای مشاهده این قسمت باید از اکانت شخصی خود استفاده کنید زیرا کاربران مهمان دستررسی مشاهده این قسمت را ندارد.

پسوند فایل حتماً نباید gif. باشد. یعنی شما می توانید از فرمتی مثل jpg. نیز استفاده کنید. این دو فرمت از بقیه پر استفاده تر هستند. اگر شما عکسی با فرمتی غیر از این دو فرمت دارید می توانید از برنامه های ویرایش عکس از قبیل فتوشاپ برای تبدیل کردن آنها استفاده کنید.

برای نمونه من می خواهم یک عکس را با نام learn_html.gif را که در پوشه همین صفحه قرار دارد را به این صفحه اضافه کنم. در اینجا از این تگ استفاده کرده ام:

کاربر گرامی برای مشاهده این قسمت باید از اکانت شخصی خود استفاده کنید زیرا کاربران مهمان دستررسی مشاهده این قسمت را ندارد.

با نوشتن این تگ، این تصور را در صفحه نهایی می بینیم:

 

learn_html.gif

 

به این ترتیب یک تصویر را در سمت چپ صفحه خواهیم دید (در صورتی که صفحه ما چپ به راست باشد). اگر می خواهید تصویر در مرکز صفحه ( وسط خط ) قرار گیرد باید از تگ <CENTER> در اطراف تگ تصویر استفاده کنید. مانند زیر:

کاربر گرامی برای مشاهده این قسمت باید از اکانت شخصی خود استفاده کنید زیرا کاربران مهمان دستررسی مشاهده این قسمت را ندارد.

تصویر به دست آمده به صورت زیر است:

 

learn_html.gif

 

 

روشهای دیگری هم برای نمایش عکس در وسط صفحه وجود دارد که با توجه به کم کاربرد شدن تگ <center> در نسخه چهارم HTML از آنها استفاده می شود. مثلاً می توان از تگ <div> با شناسه "align="center استفاده کرد.

به خاطر داشته باشید که آدرس محل عکس و نام آن به حروف کوچک و بزرگ حساس هستند. پس ممکن است اگر به جای image.jpg از IMAGE.JPG استفاده کنید ممکن است مرورگر شما عکسی را در صفحه نشان ندهد. پس در نوشتن آنها دقت کنید.

 

در مورد اضافه کردن عکسها به صفحه بعداً با جزئیات بیشتری توضیح می دهیم. تا اینجا یاد گرفتیم چگونه یک عکس را به صفحه اضافه کنیم و نحوه قرار گیری آنرا در صفحه تعیین کنیم.

 

  • پسندیدم 2

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر
مهمان
این موضوع برای عدم ارسال قفل گردیده است.

×