::. کد نویس .::

آموزش طراحی سایت و برنامه نویسی تحت وب

::. کد نویس .::

آموزش طراحی سایت و برنامه نویسی تحت وب

وب نوشت " کدنویس " به شما کمک میکند که با زبان های برنامه نویسی تحت وب بهتر آشنا شوید .
آموزش های " کد نویس " را دنبال کنید و به خود ایمان داشته باشید که شما نیز میتوانید یک طراح وب شوید و به تجارت الکترونیکی بپردازید.
اگر این تارنما را میپسندید به ما لینک بدهید و " کد نویس " را به اشتراک بگذارید تا بیشتر دیده شویم .
با سپاس فراوان

آموزش قرار دادن عکس در html

سه شنبه, ۲۴ بهمن ۱۳۹۱، ۰۷:۳۶ ب.ظ

در آموزش بخش 3 یاد گرفتیم چگونه متنی را در یک صفحه ی html قرار دهیم .

حال شاید بخواهید به همراه هر متن یک عکس هم قرار دهید . به آموزش زیر دقت کنید .

ابتدا در بین کد های خود ( هرکجا که میخواهید عکس قرار بگیرد )

مثلا یک فایل متنی نوشتید :

<html>
<head>
<title>title of page </title>
</head>
<body>
This is my first home page.<p> This text is bold </p>
</body>
</html>

و دوست دارید بعد از تگ P یک عکس قرار دهید .

حال بعد از کد P کد زیر را میتوانید در آن قرار دهید

<img src="link axe morede nazar" alt="توضیحات عکس">

مثال را کامل میکنیم :

<html>
<head>
<title>title of page </title>
</head>
<body>
This is my first home page.<p> This text is bold </p>
<img src="link axe morede nazar" alt="توضیحات عکس">
</body>
</html>

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

نظرات  (۱۵)

Merci
پاسخ:
خواهش میکنم بزرگوار

سلام

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

پاسخ:
خیر بزرگوار
سلام ممنون
    
     میشه بگید چه جوری پشت زمینه رو عکس قرار بدیم؟
پاسخ:
با استفاده از CSS
سلام خیلی ممنون از توضیح کاملتون. قصدم از این حرف مسخره کردن نیست خواستم بگم اون قسمت که نوشتید اینجا نوشته بولد شده دستورش رو نذاشتید. ممنون که در مورد عکس کمکم کردی.
راستی اگه خواستی بگو با هم تبادل لینک کنیم.
سلام دوست عزیز .
من هرچی آدرس عکس در دسکتاپم رو به این کد میدم ، متاسفانه عکس رو لود نمیکنه

اینم تگش

<html>
<head>




</head>

<body>

<img src="\images\55.png">

</body>
</html>

دارم کلافه میشم ، عکس در پوشه ای است که خوده اچ تی ام ال هم است ولی متاسفانه اصلا اجرا نمیکنه
فایل هم با پسوند png و با همین نام هست

امیدوارم بتونید راهنماییم کنید

ممنونم

سلام میشه کدبرنامه برای عکس که محتواش دیده بشه ووقتی کلیک میکنیم عکسا بزرگ بشن برام بنویسید باphp
من با این کد مشکلم حل شد.
<center><a target="_blank" href="link"><img src="Adress"width="185" height="60"></a></center>
فقط به جای link لینک سایت مورد نظر و به جایAddress آدرس بنر یا عکس مورد نظر قرار بدید
پاسخ:
ممنون از توضیحتون
سلام آقا خسته نباشید ببخشید من یه عکس در یه جدول کوچک صفحه وبم  قرار دادم ولی  عکس را به صورت کامل نشون نمیده
پاسخ:
سلام ٬ باید به عکس سایز بدید 
آموزشش در سایت هست
Man Motevajeh Nashodam Mishe Tozih Berdin Ke Tozihate Aks yani Chi ? Hamasho Text Konim Inja ?

پاسخ:
متوجه منظورتون نشدم عزیز
سلام ممنون ازسایت خوبتون من تازه ساخت وب سایت را درمدرسه اموزش دیدم ودبیرم بهمون پروژه داده
<img src="http://F:\images5/jpg" >
من اینو نوشتم ادرس عکسمو درجایی که ذخیره کردم میشه بگین این درسته یانه؟باید چی کارکنم نمایش داده بشه؟
من این کارو انجام دادم ولی عکسو نشون نمیده
اگه راهنماییم کنین ممنون میشم
پاسخ:
سلام بزرگوار
کد عکسی که قرار دادید اشتباه هستش و شما از درایو F فراخوانی کردید 
میتونید از سرویس های آپلود عکس استفاده کنید ٬ عکس رو آپلود کنید ٬ لینک عکس رو در قسمت src="اینجا" بگذارید .

موفق باشید
سلام من یه وبلاگ ساختم میخوام عکسمو بزارم بالای صفحه کجای اسکریپت و چه کدی بنویسم میشه لطفا کمکم کنین ممنون .
سلام من ی عکسی گداشتم ولی رو کامپوتر های دیکه بازش نمیکنه
از استادم پرسیدم گفت یک کدی هست که پیداش کنی تو تمام کامپوتر ها بازش میکنه میشه کمکم کنی
خوب بود
سلام میخواستم بدونم اون قسمتی که عکس بالای صفحه ی سایت هستش وپایینش چندتا گزینه ددره تو اکثر سایتا مثل تماس باما و درباره ی ما توdreamweaverبهش چی میگن؟خواهشاکمکم کنید
سلام و عرض خسته نباشید و نبریک سال نو 
سوال این است که آیا این کد عینا در css تم جواب میدهد یا نه؟
و سوال دوم اینکه من توی طراحیم میخوام عکسم به صورت لینک توی جدول باشه که وقتی توی جدول روی عکس میزنیم عکس رو کامل توی صفحه دیگه ای نمایش بده ممنون میشم اگر جوابمو یکم سریع بدید💜

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی