0

بلاگ

سایت اموزشی زرین لرنبلاگمقالاتHTML چیست؟

HTML چیست؟

8 آبان 1403
ارسال شده توسط
مقالات
339 بازدید

HTML چیست؟

HTML (زبان نشانه‌گذاری فوق‌متن) زبان استاندارد برای ایجاد صفحات وب است. این زبان از تگ‌ها برای ساختاردهی محتوا استفاده می‌کند.

ساختار پایه یک سند HTML

هر سند HTML با یک اعلامیه شروع می‌شود و ساختار پایه‌ای به شکل زیر دارد:

html

اجزای کلیدی

  1. <!DOCTYPE html>: نوع سند و نسخه HTML را مشخص می‌کند.
  2. <html>: عنصر اصلی سند HTML.
  3. <head>: حاوی اطلاعات متا درباره سند، مانند عنوان و مجموعه کاراکترها.
  4. <title>: عنوان سند را مشخص می‌کند که در نوار عنوان مرورگر نمایش داده می‌شود.
  5. <body>: حاوی محتوای سند HTML، مانند متن، تصاویر و لینک‌ها.

تگ‌های رایج HTML

  • پاراگراف‌ها:
  • <p>این یک پاراگراف است.</p>
  • لینک‌ها:
  • <a href="link">این یک لینک است</a>
  • عنوان‌ها:
    <h1>عنوان اصلی</h1>
  • تصاویر:
  • <img src="image.jpg" alt="توضیح تصویر">
  • لیست‌ها:
  • لیست نامرتب:
    <ul>
    <li>آیتم ۱</li>
    <li>آیتم ۲</li>
    <ul/>
  • لیست مرتب:
    <ol>
    <li>آیتم اول</li>
    <li>آیتم دوم</li>
    <ol/>

ویژگی‌ها

تگ‌ها می‌توانند ویژگی‌هایی داشته باشند که اطلاعات اضافی را فراهم می‌کنند. به عنوان مثال، در تگ <a>:

  • <a href="https://www.example.com" target="_blank">باز کردن مثال</a>

 

  • href: URL که لینک به آن اشاره دارد.
  • target="_blank": لینک را در یک تب جدید باز می‌کند.

فرم‌ها

فرم‌های HTML به کاربران این امکان را می‌دهند که داده‌ها را ارسال کنند:

<“form action=“/submit“ method=“post>

<label for=“name“>Name:</label>         

<input type=“text“ id=“name“ name=“name>         

      <“ارسال“=input type=“submit“  value> 

<form/>

بهترین شیوه‌ها

  • از HTML معنایی (مانند <header>, <footer>, <article>) برای بهبود دسترسی و سئو استفاده کنید.
  • HTML خود را سازماندهی و به‌خوبی فرمت‌بندی کنید.
  • HTML خود را اعتبارسنجی کنید تا اطمینان حاصل کنید که استانداردها را رعایت کرده‌اید.

مراحل بعدی

  1. با تگ‌ها و ویژگی‌های مختلف آزمایش کنید.
  2. CSS را برای زیباسازی محتوای HTML یاد بگیرید.
  3. جاوااسکریپت را برای اضافه کردن تعامل به صفحات وب خود یاد بگیرید.
برچسب ها:
در تلگرام
کانال ما را دنبال کنید!
Created by potrace 1.14, written by Peter Selinger 2001-2017
در آپارات
ما را دنبال کنید!

مطالب زیر را حتما مطالعه کنید

دیدگاهتان را بنویسید