مستر کد
mrcode.wikibix.ir

کد های ساده html

نویسنده : علی بجنوردی | زمان انتشار : 20 اسفند 1400 ساعت 02:20

جهت انجام پروژه های دانشجویی و یا تمرین‌های برنامه نویسی رشته کامپیوتر میتوانید به آی دی تلگرام زیر پیام دهید

@AlirezaSepand



مثال های ساده از کد نویسی 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 خواهید آموخت.


منبع: schools.ecb.ir