HTMLمقدماتی

دوره متنی HTML قسمت چهارم آشنایی با تگ form ، تگ های گرافیکی و HTML 5

تگ‌های form در HTML برای ایجاد فرم ها در صفحه استفاده می‌شوند. این تگ‌ها به شما این امکان را می‌دهند که بتوانید به راحتی از کاربر اطلاعات را دریافت کنید. فرم ها جزو مهم‌ترین عناصر در طراحی وب هستند زیرا به کاربران اجازه می‌دهند که به صورت مستقیم با وبسایت تعامل کند.

ر
ریحانه یزدانینویسنده
17 بهمن 1403
دوره متنی HTML قسمت چهارم آشنایی با تگ form ، تگ های گرافیکی و HTML 5

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

دوره متنی HTML قسمت چهارم تگ form

ایجاد فرم.

<form action="/submit" method="post">
  <label for="name">نام:</label>
  <input type="text" id="name" name="name" required>
  <button type="submit">ارسال</button>
</form>

سایر تگ‌های فرم

  • input : برای ایجاد فیلدهای متنی، پسورد، چک‌باکس و غیره.
  • textarea :برای متن‌های بلند.
  • button: دکمه ارسال.
  • دوره متنی HTML قسمت چهارم تگ های HTML 5

    این تگ‌ها برای بهبود ساختار و معنای محتوا معرفی شده‌اند.

    تگ header

  • <header>
      <h1>عنوان اصلی</h1>
      <nav>منو</nav>
    </header>

برای فوتر صفحات.

<footer>
  <p>تمامی حقوق محفوظ است.</p>
</footer>

تگ section

برای بخش‌های محتوایی.

<section>
  <h2>بخش اصلی</h2>
  <p>این یک پاراگراف است.</p>
</section>

دوره متنی HTML قسمت چهارم تگ article

برای مقالات یا محتوای مستقل.

<article>
  <h2>عنوان مقاله</h2>
  <p>این متن مقاله است.</p>
</article>

تگ nav

برای منوی ناوبری.

<nav>
  <a href="#home">خانه</a>
  <a href="#about">درباره ما</a>
</nav>

دوره متنی HTML قسمت چهارم تگ‌های گرافیکی

برای طراحی گرافیک برداری و انیمیشن.

تگ canvas

ایجاد گرافیک دوبعدی.

<canvas id="myCanvas" width="200" height="100"></canvas>

دوره متنی HTML قسمت چهارم تگ svg

ایجاد گرافیک برداری.

<svg width="100" height="100">
  <circle cx="50" cy="50" r="40" fill="blue" />
</svg>

حال که دوره متنی HTML قسمت چهارم آشنایی با تگ form ، تگ های گرافیکی و HTML 5 را مطالعه کردید، می توانید از دیگر مقالات سایت ایوولرن دیدن کنید.

هنوز نظری ثبت نشده است

نظر خود را بنویسید

نظر شما پس از تایید نمایش داده خواهد شد