درس ششم آموزش HTML
همه ما با اهمیت وجود تصاویر در سایت آشنا هستیم. با نوشتن کدهایی خاص به راحتی می توان تغییراتی روی تصاویر ایجاد کرد.در این درس به اهمیت این کدها برای تغییرات در تصاویر سایت آشنا می شوید.
در اين درس با تگ img ، شناسه src و alt ، تگهای Map و Area و چگونگی نمايش تصاوير و همچنين تنظيم محل آنها در سندهای HTML آشنا خواهيد شد.
تگ img و شناسه src يا source
در زبان HTML تصاوير را با کمک تگ <img> تعريف ميکنند. تگ <img> از نوع تگهای خالی است، بدين معنا که فقط دارای يک يا چند شناسه و attribute بوده و دارای تگ انتهائی يا <img/> نيست.
مهمترين شناسه برای درج و تعريف يک تصوير src يا source نام دارد و مقدار اين شناسه آدرس يا URL تصوير ميباشد. تصاويری که مرورگر در يک صفحه وب نمايش ميدهد ميتوانند در همان دايرکتوری صفحه HTML، در ديگر دايرکتوريهای همان سايت و يا در فضای بيکران وب قرار داشته باشند.
شکل ساده درج يک تصوير:
<img src="/url">
مقدار url آدرس اينترنتی تصوير ميباشد و مثلا اگر تصويری که قرار است که در صفحه درج شود در همان دايرکتوری قرار دارد و نامش test.jpg ، کافی است که به جای url فقط نام تصوير يعنی test.jpg را بنويسيد و اگر تصوير در سايتی ديکر قرار دارد url کامل آنرا بنويسيد. مثلا تصوير لوگو سايت google.com دارای url ی برابر https://www.google.com/intl/en_com/images/srpr/logo3w.png است.در اين url نام تصوير logo3w.png بوده، در دايرکتوری images قرار داشته و روی وب سايت google.com قرار دارد.
برای دسترسی به ادامه مطلب می بایستی در وب سایت اشتراک داشته باشید
دیدگاه خود را بیان کنید
- ارسال نظر به عنوان مهمان. همچنین می توانید عضو شوید یا وارد حساب کاربری خود شوید
By accepting you will be accessing a service provided by a third-party external to https://www.amoozesh-computer.ir/