مثال های ساده از کد نویسی HTML
در صورتی که در طول آموزش به تگ هایی از HTML برخورد کردید که مفهوم آن را نمی دانید، نگران نشوید. چون به تدریج تمام آن ها به شما آموزش داده خواهد شد.
فایل های HTML
- تگ
DOCTYPE
نوع سند HTML را تعریف می کند - کد های بین تگ باز
<html>
و تگ بسته</html>
کار توصیف و چگونگی یک سند HTML را انجام می دهند - کدهای داخل تگ
<body>
و</body>
محتوای قابل مشاهده در صفحه HTML را در خود جای می دهد
مثال
<!DOCTYPE html>
<html>
<body>
<h1>اولین عبارت از نوع عنوان که من نوشتم</h1>
<p>اولین متن از نوع پاراگراف که من نوشتم.</p>
</body>
</html>
عناوین (Heading) در HTML
برای ایجاد عنوان در صفحات HTML می توانید از تگ های <h1> تا <h6> که شماره آن ها درجه ارزش و اهمیت عنوان را مشخص می کند استفاده نمایید.
مثال
<h1>این یک عنوان از نوع درجه یک است</h1>
<h2>این یک عنوان از نوع درجه دو است</h2>
<h3>این یک عنوان از نوع درجه سه است</h3>
پاراگراف (Paragraph) در HTML
برای نمایش متن به صورت پاراگراف در صفحات HTML از تگ <p> استفاده می کنیم.
پیوند یا لینک (Link) در HTML
برای ایجاد پیوندهای اینترنتی در صفحات HTML از تگ <a>استفاده می شود.
مثال
<a href="http://website.ecb.ir">این یک لینک به یک صفحه در وب سایتی دیگر است</a>
تصویر (Image) در HTML
قرار دادن تصویر در صفحات HTML توسط تگ <img> انجام می شود.
مثال
<img src="http://website.ecb.ir/portals/0/banner/banner1_tablet01.png" alt="توضیح برای عکس" width="160" height="263">
شما در فصل های آینده ویژگی های بیشتری درباره HTML خواهید آموخت. |