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

جهت تست کدهای مورد نظر می توانید آنهارا در نوت پد تحت عنوان index.html و فرمت utf-8 ذخیره کنید و یا می توانید با ادیتور آنلاین پگاسوس گراف با آدرس pegasusgraph.ir/online-editor استفاده کنید.

»» عناوین در HTML :
عناوین در HTML از h1 تا h6 تعریف میشوند.
به ای صورت که h1 مهمترین عنوان و h6 کمترین اهمیت را در صفحات html تعریف میکنند. <h1>This is heading 1</h1> <h2>This is heading 2</h2> <h3>This is heading 3</h3>
»» پاراگراف ها در HTML :
پاراگراف ها در HTML با تگ p تعریف میشوند : <p>This is a paragraph.</p> <p>This is another paragraph.</p> »» لینکها (لینک گزاری) در HTML :
ینک ها در HTML با تگ a تعریف میشوند .
به عبارت دیگر برای لینکدار کردن یک متن به صورت زیر عمل می کنیم : <a href="http://pegasusgraph.ir">this is a link</a> نکته اول : مقصد لینک با استفاده از صفت href مشخص میشود.
نکته دوم : صفات برای فراهم آوردن اطلاعات اضافی در مورد عناصر HTMl استفاده میشوند.

»» تصاویر در HTML :
برای نمایش تصاویر در صفحات وب و با استفاده از html از تگ img استفاده می شود.
این تگ نیز مثل تگ a یک سری صفات مانند :
src : که همون آدرس تصویر میباشد.
alt :که متن جایگزین تصویر میباشد یعنی وقتی به نا به دلایلی لینک تصویر دچار مشکل شد این متن به جای تصویر نمایش داده شود.
width : که اندازه طول تصویر را مشخص می کند.
height : که اندازه عرض تصویر را مشخص می کند
و اما طریقه استفاده از این تگ : <img src="لینک مستقیم عکس آپلود شده" alt="متن جایگزین تصویر" width="210" height="55">
»» پـــایـــانــــ جــــلسهـــ دومــــ آمــــوزشـــــ HTML