close
دانلود آهنگ جدید
باشگاه برنامه نویسان جوان اولین باشگاه برنامه نویسی در ایران
پشتیبانی آنلاین در تلگرام
دریافت اکانت رایگان یک ماهه دانلود سنتر باشگاه برنامه نویسان جوان ×

آخرین محصولات فروشی

کد تخفیف کلیه محصولات سایت کد : OFF
شمارهعنوانویژه / رایگانتاریخ بروزرسانیدموی فایل
1مقدار ندارد--1----2--مشاهده
صفحه اصلی / آموزش HTML قسمت 4
آموزش HTML قسمت 4
  • (رایگان)
  • آموزش HTML قسمت 4
  • انتشار در تاریخ جمعه 18 مرداد 1398
  • تعداد بازدید : 2228
  • شماره پست : 550
  • نسخه : نسخه 1
  • منبع : باشگاه برنامه نویسان جوان
  • آخرین بازنویسی : 18 مرداد 1398
  • موضوعات : آموزش HTML
  • نویسنده مطلب : امیر حسین
  • سلام عرض میکنم خدمت شما دانشجویان گرامی

    به قسمت چهارم از آموزش HTML رسیدیم , در این آموزش قصد دارم به شما لینک , تصاویر و جدول کشی رو در HTML به شما آموزش بدم .

    همونطور که در جلسات قبل عنوان شد , ما اول شما رو با HTML آشنا میکنیم سپس در یک ویدیو به صورت پروژه , کل مطالب رو براتون بیان میکنیم .

    • لینک های در HTML

    هایپر لینک ها این قابلیت رو به شما میدند که یک لینک تعریف کنید , زمانی که کاربر روی اون کلیک کرد منتقل به صفحه ای جدید بشه .

    مهم ترین ها در لینک کردن تگ a و خاصیت href هست , برای مثال :

    <a href="url">

    اگر میخواهید در سایت شخصی لینک کنید , دیگه لازم نیست که ادرس سایتتون رو هم اولش بزنید مثلا برای http://clubyp.ir/order کافیه در سایت خودتون بزنید /order , اتوماتیک لینک میشه .

    خاصیت  target دارای 4 مقدار است که عبارتند از :

    _blank

    _self

    _parent

    _top

    به ترتیب این کار ها را انجام میدهند :

    باز شدن در صفحه جدید - باز شدن سند جدید در همان صفحه , که به صورت پیشفرض روی همین مقدار تنظیم شده است - سند جدید را در قاب والدین آن تگ باز میکند , سند را در پنجره جدید به صورت پاپ آپ باز میکند .

    خاصیت id که کاربرد های بسیاری دارد , مانند فراخوانی المان صاحب ایدی در Css , جاوا اسکریپت و... , اما یک کاربرد دیگر آن که بدون این کد ها نیز موثر است جا به جایی در صفحه است برای مثال اگر ما یک پاراگراف با ایدی cyp داشته باشیم و یک تگ a نیز داشته باشیم میتوانید بین المان های دیگر جا به جا شویم , جهت مشاهده بهتر وارد مثال شوید . مشاهده نمونه

    • معرفی تگ map در img

    ​شما رو به اندازه کافی با تگ img آشنا کردیم , حالا میخواییم شما رو با تگ map آشنا کنیم که با همین تگ img مرابط هست , در یک مثال میگم برای شما , فرضا ما تصویر کره زمین رو داریم , میخواییم زمانی که روی ایران کلیک شد , یک نما از ایران نشون بده , روی آمریکا کلیک شد همینطور و... با استفاده از این تگ میتونیم کاری کنیم که هر گوشه ای از تگ کلیک شد چه اتفاقی رخ بده و منتقل به چه سندی بشه .

    برای لینک کردن در تگ map باید از تگ area استفاده کنیم , این تگ دارای سه خاصیت است :

    • shape : که میتونه نوع محل لینک ما رو مشخص کنه , مثلا یک حالت مربع شکل روی ایران به وجود بیاره که روی اون کلیک شد وارد سند مد نظر بشه .

    مقدار هاش باید یکی از موارد زیر باشه :

    1. مربع و مستطیل : rect , rectangle
    2.  دایره و بیضی : circ , circle
    3.  مربع و مستطیل :poly , polygon
    • خاصیت Href که میدونی چی هست , ما یک خاصیت دیگه هم داریم به اسم nohref که مقدارش یا true هست یا flase که در پروژه من False هست , شما در واقع با true میتونید بگید که زمانی که روی اون بخش کلیک شد به سند مورد نظر که در href مشخص شده منتقل بشه و اگر روی False قرار بگیره بر خلاف اینه .
    • خاصیت Target که میدونید چی هست 
    • خاصیت coords , در خاصیت coords ما موقعیت مکانی لینک در تصویر را به صورت دقیق توسط مقادیر موجود در تگ shape تنظیم و ثبت میکنیم .

    مقدار هاش میتونن :

    1.  اگر خاصیت shape روی rect باشد ، برای تعیین موقعیت هر چهار نقطه وجه های مختلف باید اینطور وارد کنید مقدار ها رو : coords =left,top,right,bottom
    2. اگر خاصیت shape روی circ باید , جهت تعیین نقطه مرکز دایره و شعاع آن باید اینطور وارد کنیم مقدار ها رو : coords=center X, center Y ,radius
    3. اگر خاصیت Shape رو poly تنظیم شده باشد , مشخصات مکانی انواع نقاط مختلف شکل چند ضلعی رو باید اینطور وارد کنیم : coords = X1 Y1, X2 Y2, … , Xn Yn
    حالا بریم سراغ یک مثال با نقشه ایران :

    <img src="http://rozup.ir/view/2901662/Iran-Map.png" alt="Workplace" usemap="#workmap" width="400" height="379">   <map name="workmap">   <area shape="circ" coords="337,280,20" alt="سیستان و بلوچستان" href="https://fa.wikipedia.org/wiki/%D8%B3%DB%8C%D8%B3%D8%AA%D8%A7%D9%86_%D9%88_%D8%A8%D9%84%D9%88%DA%86%D8%B3%D8%AA%D8%A7%D9%86" class="text">   <area shape="rect" coords="80,155,110,120" alt="همدان" href="https://fa.wikipedia.org/wiki/%D9%87%D9%85%D8%AF%D8%A7%D9%86"  class="text">   </map>

     

    مشاهده نمونه

     

    لینک کوتاه :
    طراحی وب و نرم افزار را به باشگاه بسپارید ثبت سفارش
    برای استفاده از نرم افزار های ما باید توجه داشته باشید که خرید نرم افزار به معنی حق نشر , کپی برداری و یا ایده برداری نیست , بلکه شما با خرید نرم افزار می توانید فقط خودتان از آن استفاده کنید و فروش یا نشر آن جرم محسوب می شود و پیگرد قانونی در پی دارد . برای استفاده از نرم افزار ها در ارگان یا سازمان خاص باید به صورت الکترونیکی طی یک تعهد نامه تمام مسئولیت استفاده از نرم افزار را بر عهده بگیرید . نرم افزار هایی که نیاز به وارد کردن اطلاعات دارند و آن اطلاعات ذخیره می شود روی سیستم شما , ما به هیچ عنوان تظمین کننده هک نشدن آن اطلاعات نیستیم و تنها تظمین می کنیم که اگر سیستم عامل شما هک نشود اطلاعات لو نخواهد رفت اما اگر ویروس (یا هر عامل هک کننده دیگر) وارد سیستم شما شود ما پاسخگوی دیتای ورودی به نرم افزار نخواهیم بود مگر اینکه شما هزینه افزایش امنیت نرم افزار را پرداخت کنید که باز هم امنیت با این حال به صد درصد نمیرسد اما امنیت نسبت به قبل حتما افزایش پیدا خواهد کرد . در هر صورت ما یک مشاوره رایگان جهت هک نشدن اطلاعات برای تمامی کاربران سایت (اعم از کاربران ویژه یا رایگان) داریم , جهت استفاده به پشتیبانی آنلاین یا صفحه تماس با ما مراجعه کنید . در صورت خرید قالب یا طرح (اعم از گرافیکی یا غیر گرافیکی) اختصاصی اختیار انتشار دارید و حقوق آن با خود شما است و تنها نام سایت ما به عنوان طراح در زیر طرح یا قالب قرار میگیرد و به هیچ عنوان حق تغییر آن را ندارید مگر با پرداخت 50,000 تومان حق کپی رایت را از قالب یا طرح بخرید , اما اگر طرح یا قالبی که میخرید اختصاصی نباشد علاوه بر اینکه حق تغییر کپی رایت را به هیچ عنوان ندارید حق نشر یا فروش آن را نیز ندارید و تنها محصولات رایگان را با ذکر منبع و عوض نکردن کپی رایت حق نشر رایگان دارید . مطابق قوانین کپی رایت در کشور جمهوری اسلامی ایران , به طراح این حق را میدهد که کسی حق انتشار غیر مجاز آنرا نداشته باشد , همچنین چون ما تمامی حقوق خود را برای محصولاتمان تعیین کرده ایم پس باید مطابق آنها عمل شود در غیر این صورت پیگرد قانونی در پی دارد و ما شرعا راضی نیستیم . طبق ماده 12 فصل 3 قانون جرائم رایانه ای هر گونه کپی برداری یا ایده برداری از سایت و یا محصولات (اعم از رایگان و پولی) باشگاه برنامه نویسان جوان پیگرد قانونی در پی دارد
    مطالب مرتبط


      :) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
    خبرنامه سایت

    با عضویت در خبرنامه باشگاه برنامه نویسان جوان آز آخرین اخبار سایت و همچنین از آخرین پست های ارسالی در سایت باخبر شوید . اما امکان دیگر این خبر این میباشد که ماهانه برای افرادی که عضو خبرنامه هستن کدی ارسال میگردد که این کد تخفیف 50 درصدی محصولات فروشی سایت میباشد . با عضویت در این سامانه هم از محصولات سایت تخفیف بگیرید هم آخرین اخبار را زودتر دریافت کنید .