با سلام خدمت کاربرن و همراهان همیشگی دانش نامه.
امروز برای شما درس چهارم آموزش html را آماده کرده ایم و امید واریم که از آن استفاده کافی را ببرید.
توجه:
این آموزشها کاملا رایگان می باشد و جهت استفاده از آن نیاز به پرداخت هیچ گونه وجهی نیست.بنابر این در صورتی که کسی در قبال پرداخت وجه از شما آموزش های دانش نامه را ارائه می کرد حتما به مدیریت گزارش کنید
با تشکر
مدیریت دانش نامه
سلام دوستان گرامی امید وارم که حالتون خوب باشه.بعد از یک وقفه نسبتا طولانی بالاخره براتون یک قسمت دیگه از آموزشهای html رو آماده کردم و امید وارم که براتون مفید باشه
خوب دوستان توی قسمت های قبل به صورت تقریبی یاد گرفتید که چجوری یک صفحه وب ساده بسازید.اما همونطور که می دونید وب سایتها فقط متن نیستند و شامل بخش ها مختلف از جمله متون و تصاویر و ... هستند.
در این قسمت از آموزش می خوام بهتون روش درج تصویر رو توی صفحه وبتون آموزش بدم.
خوب برای قرار دادن یه عکس توی صفحه وب باید از عنصر img استفاده کنید.
ویژگی src برای مشخص کردن آدرس فایل تصویر است.
خاصیت alt متن جایگزین تصویر را مشخص می کند.(اگر تصویر به هر دلیلی نشان داده نشد این متن جایگزین استفاده می شود)
نکته:سعی کنید حتما از ویژگی altاستفاده کنید.
خوب حالا یه مثال از یه صفحه وب بزنیم که توش یه تصویر هست.
<html>
<head>
</head>
<body>
<p>متن مورد نظر</p>
<img src=http://www.imgurl.com alt=عکس>
</body>
</html>
خوب شما بجای آدرسی که من وارد کردم می تونید هر آدرسی رو وارد کنید.
اما حالا تعیین مکان تصویر:
وقتی تصویری را به صفحه اظافه کرده باشید به صورت درون خطی نمایش داده می شود.
اما می توانید با استفاده از خاصصیت align مکان آن را تعیین کنید.
نکته:این روش قدیمی است و در حال حذف شدن از نسخه های جدید اچ تی ام ال است پس بهتر است از آن استفاده نکنید.
برای اینکار بهتر هست از css استفاده کنید.(در آموزش سی اس اس این روش توضیح داده خواهد شد)
خوب حالا می خواهیم که ابعاد تصویر را مشخص کنیم:
برای این کار باید از دو مشخصه height برای اندازه ارتفاع و width برای اندازه عرض استفاده کنیم.
به مثال توجه کنید:
<img src=آدرس تصویر alt=simple height=50px width=100px>
خوب px نشانه پیکسل هستش.و جلو عدد قرار می گیره!!!!
اما می خوام یک قابلیت جالب از html رو بهتون یاد بدم!!!
حتما براتون پیش میاد که بخواید توضیحی در مورد کدی بدید و نخواید موقع اجرای کد نمایش داده بشه .
برای اینکار متن مورد نظر را میان <-- و !--> قرار دهید!
مثال:
<--متن!-->
خوب دوستان درس چهارم از این آموزش هم تموم شد.ای شاالله توی درهای بعدی نکات بیشتری رو توضیح خواهم داد اما تا اون موقع خدا نگهدارتون باشه.
نظرات ارسال شده