آموزش مقدماتی HTML

استفاده از تصاویر در HTML
برای تعریف تصاویر در HTML می توانیم از تگ <img> استفاده کنیم. خصوصیت src فایل منبع را مشخص می کند و خصوصیت alt متن جایگزین تصویر را مشخص می کند و خصوصیات width و height به ترتیب عرض و ارتفاع تصویر را مشخص می کنند:

<img src="/other/image1.png" alt="sina2.ir" width="200" height="150"> 

چگونه کدهای منبع(سورس کد) HTML را مشاهده کنیم؟

آیا تاکنون یک صفحه وب را مشاهده کرده اید و از خود سوال کرده اید که آنها چگونه چنین سایتی را ایجاد کرده اند؟

مشاهده کدهای منبع یا سورس کدهای HTML

برای مشاهده های کدهای منبع یک صفحه وب، در مرورگر کروم بر روی آن صفحه راست کلیک کنید و گزینه View Page Source را انتخاب کنید. و در دیگر مرورگرها (مثلا در Edge) بر روی گزینه View Source کلیک کنید. و یا در دیگر مرورگرها، چیزی شبیه به این گزینه را انتخاب کنید. با انجام این کار، یک پنجره باز می شود که حاوی کدهای منبع(سورس کد) صفحه وب مورد نظر است.

استفاده از ابزار Inspect در صفحات HTML

در یک صفحه وب، بر روی یک عنصر( یا بر روی یک ناحیه خالی) راست کلیک کنید و گزینه Inspect یا Inspect Element را انتخاب کنید تا ببینید که این صفحه از چه عناصری تشکیل شده است(در این بخش، هر دوی کدهای HTML و CSS قرار دارند). شما همچنین می توانید این کدهای HTML یا CSS را در پنلی که باز می شوند ویرایش کنید.