دات نت نیوک
از سایت آموزشی وب جدید طراحی سایت همراه با امکان تست آنلاین کدهای html و css و js دیدن کنید. 
همراه با امکان خرید هاست و طراحی سایت دی ان ان و سایت فروشگاهی قابل توسعه!
مثال های ساده از کد نویسی 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> استفاده می کنیم.

مثال

<p>این یک پاراگراف متن است.</p>
<p>این یک پاراگراف متن دیگر است.</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">

خودتان آزمایش کنید »

Note شما در فصل های آینده ویژگی های بیشتری درباره HTML خواهید آموخت.
نظر و پرسش و پاسخ کاربران
  نخستین نفری باشید که می پسندید.
نمایش 0 نظر ترتیب نمایش

در صفحه "مثال های ساده HTML": نخستین نظر دهنده باشید
مشاهده نظرات
نام

نظرات خود را مطرح کنید
*
*
*
*
*
Captcha:
آخرین اخبار و مقالات

آگهی ها
کارگزاران تجارت الکترونیک ایران
گرافیک پوسته وب سایت در کامپیوتر
گرافیک پوسته وب سایت در تبلت
گرافیک پوسته وب سایت در موبایل
طراحی واکنشگرا (Responsive)
پنل مدیریتی پیشرفته و کاربر پسند
قابل توسعه و ارتقاء و 100% داینامیک
امکانات کامل SEO برای موتورهای جستجو