جستجو برای:
  • خانه
  • طراحی سایت
  • خدمات ما
    • سامانه یادگیری الکترونیکی – سایا (LMS)
    • سامانه الکترونیکی مدیریت آموزش (ساما) (EMS)
    • پشتیبانی نرم افزار
    • پشتیبانی سخت افزار
    • پشتیبانی شبکه
    • پشتیبانی ماشین های اداری
  • نمونه کارها
  • قالب و افزونه
  • دسته بندی مطالب
    • آموزش مجازی
    • اخبار سینما
    • افزونه وردپرس
    • آموزش افزونه وردپرس
    • بازی
    • دوره های رایگان
    • سریال
    • فناوری
    • فیلم
      • اکشن
      • تاریخی
      • ترسناک
      • کمدی
      • هیجان انگیز
      • ورزشی
    • قالب وردپرس
      • قالب خبری و وبلاگ
      • قالب شرکتی
      • قالب نمونه کار
      • قالب های چند منظوره
    • مقالات
      • بازایابی دیجیتال
      • برنامه نویسی
      • تولید و بازاریابی محتوا
      • طراحی و گرافیک
  • تماس با ما
  • DMCA
  • پشتیبان سایت
 
  • 02144824488
  • info@myhamyar.com
  • بلاگ
  • تماس با ما
  • درباره ما
همیارِمَن  | آموزش برنامه نویسی و طراحی سایت | طراحی گرافیک
دسترسی سریع
  • پشتیبان سایت
0

ورود و ثبت نام

  • خانه
  • طراحی سایت
  • خدمات ما
    • سامانه یادگیری الکترونیکی – سایا (LMS)
    • سامانه الکترونیکی مدیریت آموزش (ساما) (EMS)
    • پشتیبانی نرم افزار
    • پشتیبانی سخت افزار
    • پشتیبانی شبکه
    • پشتیبانی ماشین های اداری
  • نمونه کارها
  • قالب و افزونه
  • دسته بندی مطالب
    • آموزش مجازی
    • اخبار سینما
    • افزونه وردپرس
    • آموزش افزونه وردپرس
    • بازی
    • دوره های رایگان
    • سریال
    • فناوری
    • فیلم
      • اکشن
      • تاریخی
      • ترسناک
      • کمدی
      • هیجان انگیز
      • ورزشی
    • قالب وردپرس
      • قالب خبری و وبلاگ
      • قالب شرکتی
      • قالب نمونه کار
      • قالب های چند منظوره
    • مقالات
      • بازایابی دیجیتال
      • برنامه نویسی
      • تولید و بازاریابی محتوا
      • طراحی و گرافیک
  • تماس با ما
  • DMCA
  • پشتیبان سایت

بلاگ

همیارِمَن | آموزش برنامه نویسی و طراحی سایت | طراحی گرافیکبلاگدوره های رایگانآموزش رایگان HTML مقدماتی تا پیشرفته بخش تگ ها

آموزش رایگان HTML مقدماتی تا پیشرفته بخش تگ ها

27 شهریور 1400
ارسال شده توسط همیار من
دوره های رایگان
334 بازدید

آموزش تگ های HTML به زبان ساده

تگ های HTML مانند کلمات کلیدی هستند که نوع قالب بندی و نحوه نمایش محتوا را در مرورگر وب نشان می دهند. با کمک تگ ها، یک مرورگر وب می تواند تفاوت بین محتوای HTML و یک محتوای ساده را تشخیص دهد. تگ های HTML شامل سه بخش اصلی هستند: تگ شروع (یا تگ ابتدا)، محتوا و تگ پایان (یا تگ انتها) اما تعدادی از تگ های HTML تگ بسته ندارند.

مرورگر وب محتوای یک سند HTML را از بالا به پایین و سپس در هر خط از چپ به راست می خواند. از تگ های HTML برای ایجاد اسناد HTML و خصوصیات آنها را تصویرپردازی می کنند. هر تگ HTML ویژگی های متفاوتی دارد.

یک فایل HTML حتما باید چند تگ ضروری داشته باشد تا مرورگر وب بتواند بین یک متن ساده و متن HTML تفاوت را تشخیص دهد. علاوه بر این تگ ها می توانید تگ هایی بسیاری را براساس نیازمندی های کد خود استفاده کنید.

  • همه تگ های HTML باید درون دو علامت < و > قرار گیرند.
  • هر تگ در HTML کار متفاوتی انجام می دهد.
  • اگر از تگ شروع <tag> استفاده کردید، پس باید از تگ بسته <tag/> آن نیز استفاده کنید. (به جز در برخی از تگ ها)

ساختار تگ

فهرست عناوین

  • ساختار تگ
  • مثال هایی برای تگ HTML
  • تگ های باز در HTML
  • تگ های متا
  • تگ های متنی
  • تگ های لینک (پیوند)
  • تگ های عکس و شی
  • تگ های لیست
  • تگ های جدول
  • تگ های فرم
  • تگ های اسکریپت

<tag/> محتوا <tag>

مثال هایی برای تگ HTML

توجه: تگ های HTML همیشه با حروف کوچک نوشته می شوند.

تگ های اصلی HTML در ادامه آورده شده اند:

تگ های باز در HTML

برخی تگ های HTML بسته نمی شوند یا در واقع تگ بسته ندارند، مانند تگ های br وhr.

تگ<br : <br به معنای شکستن خط است. این تگ محتوا را از مکان فعلی در خط جاری می شکند و ادامه آن را به خط بعدی می برد.

تگ <hr :<hr مخفف عبارت خط کشی افقی است. از این تگ برای قرار دادن یک خط افقی در صفحه وب استفاده می شود.

تگ های متا

تگ های DOCTYPE, title, link, meta, style، تگ های متا می باشند. این تگ ها حاوی اطلاات اضافی درباره سند HTML هستند.

تگ های متنی

تگ های متنی برای قالب بندی محتوای متنی استفاده می شوند. مانند:

1
    <p>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <strong>, <em>, <abbr>, <acronym>, <address>, <bdo>, <blockquote>, <cite>, <q>, <code>, <ins>, <del>, <dfn>, <kbd>, <pre>, <samp>, <var>, <br>.

تگ های لینک (پیوند)

تگ های<a> و <base> مرتبط با لینک های صفحه هستند.

تگ های عکس و شی

برای قرار دادن تصویر و عناصر چندرسانه ای و خارجی از تگ های زیر استفاده می کنیم:

1
    <img>, <area>, <map>, <param>, <object>

تگ های لیست

برای ایجاد انواع لیست ها و عناصر آنها از تگ های زیر استفاده می کنیم:

1
    <ul>, <ol>, <li>, <dl>, <dt>, <dd>.

 

برای یادگیری تمامی محبث های این دوره میتوانید اینجا کلیک کنید.

 

تگ های جدول

از تگ های زیر برای ایجاد جدول و عناصر مربوط به آن استفاده می شود:

1
    <table>, <tr>, <td>, <th>, <tbody>, <thead>, <tfoot>, <col>, <colgroup>, <caption>.

تگ های فرم

برای ایجاد فرم و گزینه های مرتبط با آن از تگ های زیر استفاده می شود:

1
    <form>, <input>, <textarea>, <select>, <option>, <optgroup>, <button>, <label>, <fieldset>, <legend>.

تگ های اسکریپت

Script, noscript تگ های مرتبط با کدهای اسکریپت می باشند.

بیشتر بخوانید:

  • چگونه توسعه دهنده وب شویم؟
  • چند پروژه تمرینی HTML و CSS
  • دانلود افزونه فرم ساز گرویتی فرمز| Gravity Forms
  • تکنیک‌های سئو دسته بندی محصولات در فروشگاه اینترنتی
  • آپلود وب‌سایت در سرور | چگونه سایت ساخته شده را به صورت آنلاین مشاهده کنیم؟
  • معرفی زبان PHP و مزیت‌های آن
  • آموزش رایگان HTML مقدماتی تا پیشرفته
  • بهترین افزونه های اسلایدر وردپرس
  • آموزش کامل افزونه ووکامرس و اضافه کردن محصول به WooCommerce
  • آموزش رایگان HTML مقدماتی تا پیشرفته بخش دوم
  • چگونه این موضوع امکان پذیر خواهد شد
  • 20اقدام مهم برای افزایش امنیت وردپرس
  • آموزش رایگان HTML مقدماتی تا پیشرفته بخش سوم
  • چند پروژه تمرینی HTML و CSS
  • آموزش رایگان HTML مقدماتی تا پیشرفته بخش چهارم
  • برترین افزونه های جدول ساز وردپرس
اشتراک گذاری:
برچسب ها: HTMLHTML چیستHTML5 چیستآموزش HTMLآموزش رایگان html5 و css3آموزش رایگان زبان htmlپروژه تمرینی html cssتاریخچه مختصر از HTMLتگ های htmlتگ های html با مثالتگ های html با مثال pdfتگ های html چیستتگ های html و cssتگ های html5تگ های html5 با مثالتمامی تگ های htmlدانلود فیلم آموزش رایگان htmlدوره رایگان آموزش html و cssفیلم آموزش رایگان htmlقواعد htmlلیست تگ های html pdfهمه تگ های htmlویرایشگر htmlویرایشگر html برای اندرویدویرایشگر html چیست
در تلگرام
کانال ما را دنبال کنید!
در اینستاگرام
ما را دنبال کنید!

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

لوگو ادمین سایت

آموزش انیمیشن‌سازی با CSS

در این قسمت از آموزش انیمشن‌سازی در CSS قصد داریم به طور کلی به آموزش...
همیارمن

نحوه اضافه کردن کد PHP در وردپرس

اگر به دنبال اضافه کردن کد php در وردپرس به صفحات در وردپرس هستید به...

دوره رایگان طراحی فروشگاه اینترنتی!

در حال آپدیت... امروزه شاهد سایت های فروشگاهی بسیاری هستیم. افراد بسیاری وجود دارند که...

آموزش ایجاد لیست کشویی وابسته به هم در HTML

در این مقاله در همیار من قصد داریم یکی از مطالب بسیار مهم و کاربردی...
ترفندهای عکاسی حرفه‌ای با موبایل (ساده و بدون هزینه!)

ساده و بدون هزینه ترفند های عکاسی حرفه ای با موبایل را یاد بگیرید

یکی از وسایلی که امروزه تقریبا با همه ما همراه شده است و ساعت‌ها آن...
لوگو ادمین سایت

DOM چیست و چه کاربردی دارد؟

DOM عبارتی است که بیشتر آنرا در زبان جاوا اسکریپت می‌شنویم. در این مقاله در...

دیدگاهتان را بنویسید لغو پاسخ

جستجو در همیارمَن
جستجو برای:
  • آموزش مجازی
  • اخبار سینما
  • افزونه وردپرس
    • آموزش افزونه وردپرس
  • بازی
  • پیشنهادی
  • دسته‌بندی نشده
  • دوره های رایگان
  • سریال
  • فناوری
  • فیلم
    • اکشن
    • تاریخی
    • ترسناک
    • جنایی
    • کمدی
    • مستند
    • معمایی
    • هیجان انگیز
    • ورزشی
  • قالب HTML
  • قالب وردپرس
    • قالب خبری و وبلاگ
    • قالب شرکتی
    • قالب نمونه کار
    • قالب های چند منظوره
  • مقالات
    • بازایابی دیجیتال
    • برنامه نویسی
    • تولید و بازاریابی محتوا
    • طراحی و گرافیک
آخرین مطالب سایت
  • آموزش انیمیشن‌سازی با CSS
  • بهترین فیلم های اسلشر تاریخ سینما
  • نقد فیلم Cure – یک فیلم هیپنوتیزم کننده
  • نقد فیلم یتیم Orphan: First Kill
  • کسب درآمد از آموزش آنلاین چگونه است؟
برچسب‌ها
CSS HTML آموزش آموزش CSS آموزش css3 آموزش css3 pdf آموزش css3 رایگان آموزش css3 پیشرفته آموزش css pdf آموزش css حرفه ای آموزش css و html آموزش css پروژه محور آموزش css پیشرفته آموزش افزونه وردپرس آموزش تولید محتوا آموزش رایگان html همیارمن آموزش رایگان زبان html آموزش وب سایت افزونه وردپرس بازاریابی بازاریابی دیجیتال بازی بررسی بررسی بازی تولید محتوا دانلود افزونه وردپرس دانلود قالب وردپرس دوره دوره رایگان دیجیتال مارکتینگ سایت فناوری فیلم قالب قالب سایت قالب وب سایت قالب وردپرس نقد نقد بازی نقد فیلم نقد و بررسی نقد و بررسی بازی نقد و بررسی فیلم وردپرس ووکامرس

ورود

رمز عبور را فراموش کرده اید؟

هنوز عضو نشده اید؟ عضویت در سایت