آموزش HTML - جلسه چهارم

 

در HTML امکان فراخوانی عکس با یک تگ ساده <img> وجود دارد و این تگ نیاز به بسته شدن هم ندارد . ساختار ساده یک تگ عکس HTML:

 

<"img src="/123.jpeg"  alt="beautiful picture"    width="10%"      height="12%">

 

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

 

 alt این ویژگی برای زمانی است که آدرس عکس فراخوانی شده ، به هر دلیلی لود نمیشود. مثلاً فرض کنید به دلیل قطع شدن کانکشن کاربری که وب سایت شما را باز می کند ، عکسی برای کاربر نمایش داده نمیشود. در این صورت ، اگر یک عبارت در ویژگی alt وارد کرده باشید، آن عبارت برای کاربر نمایش داده میشود.

 

 Width , height دو ویژگی کاربردی دیگر در تعریف عکس ها در تگ عکس، طول و عرض عکس می باشد که به ترتیب ، طول با height و عرض با width شناخته می شود. کافیست مقدار طول و عرض مورد نظر را در این ویژگی ها تعریف کنید تا عکس شما به آن طول و عرض نمایش داده شود.

 

 Align  جهت قرار گرفتن عکس در صفحه که می تواند چپ (left)راست(right) و با مرکز(center) صفحه قرار بگیرد.

 

نکته : در این تگ ویژگی SRC اجباری و سایر ویژگی ها اختیاری هستند.

 

قرار دادن لینک در صفحه:

با استفاده از تگ می توان به صفحات و یا سایت های دیگر لینک ایجاد کرد. در ویژگی href آدرس سایتی که می خواهیم به آن لینک دهیم ذکر می شود.

<a href="/url">Link text</a>

 

 مثال :

<a href="http://www.google.com/">Visit google here </a>

 

بخش اول آموزش - قراردادن تصویر

 

{flvremote}http://dl.lisna.ir/film/html/image.flv{/flvremote}

 

بخش دوم آموزش - قراردادن لینک

{flvremote}http://dl.lisna.ir/film/html/link.flv{/flvremote}