• لیست برچسب های اصلی تگ های اصلی HTML

    اصلی تگ های html- این پایه ای است که تقریباً هر وب سایت / وبلاگ بر روی آن ساخته شده است. از این مقاله دقیقاً آن 20٪ از برچسب هایی را که همیشه به آنها نیاز خواهید داشت یاد خواهید گرفت.

    مانند هر زبان دیگری، قانون پارتو 20/80 در اینجا نیز اعمال می شود (20٪ از وظایف 80٪ اهمیت برای دستیابی به نتیجه مطلوب) به این معناست که برای رسیدن به اهداف خود در ساخت وب سایت کافی است تنها 20 درصد کدها را بدانید.

    HTML یک زبان برنامه نویسی نیست، زیرا یک زبان نشانه گذاری فرامتن است، که به خودی خود صحبت می کند، به شما امکان می دهد بلوک ها را در صفحات برای نمایش صحیح علامت گذاری کنید، تا نشانه گذاری متنی برای صفحات وب ایجاد کنید. همچنین با کمک آن، از یک صفحه سایت به صفحه دیگر لینک ایجاد می شود. تمام پیوندهای موجود در اینترنت با استفاده از قسمت فرامتن ایجاد می شوند. کد html.

    - این بیشترین است ساده ترین زبان! اگر تصمیم به مطالعه آن دارید، مهم است که از همان ابتدا درک کنید که هیچ مشکلی در این زمینه وجود ندارد. با اطمینان می توانیم بگوییم که در مدرسه، در درس انفورماتیک برای بچه ها بسیار دشوارتر است.

    پس بیایید شروع کنیم. بهتر است کدها را در یک دفترچه یادداشت بنویسید که در آن گنجانده شده است برنامه های استاندارداتاق عمل سیستم های ویندوزیا در برنامه رایگان Notepad++.

    ابتدا بیایید تعریف کنیم که تگ چیست. تگ سلولی از خود زبان html است که عموماً از آن ساخته شده است. با برچسب ها، مرورگرها نحوه نمایش متن، محل درج تصاویر را درک می کنند. برچسب ها خود عناصر نشانه گذاری هستند.

    تگ های HTML برای ایجاد یک فریم سایت

    برچسب ها جفت شده اند و جفت نشده اند. اتاق های بخار باز و بسته می شوند، یعنی در اتاق های بسته وجود دارد بک اسلش «/».

    اولین چیزی که باید در هر سند html هنگام ایجاد یک صفحه وبلاگ وجود داشته باشد این است:


    • ممکن است علاقه مند باشید

      برچسب ها برای اینستاگرام - چرا به آنها نیاز است و محبوب ترین آنها را کجا می توان دید
      هشتگ ها - چه هستند و چگونه از هشتگ ها در توییتر، اینستاگرام و مکان های دیگر استفاده می شود
      پیوند - چیست و چگونه می توان آن را ایجاد کرد
      Radikal - میزبانی رایگان عکس با آپلود سریع و آسان عکس از طریق Radikal.ru

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

      در مجموع، بیش از صد عنصر نشانه گذاری وجود دارد. هر کدام تعدادی ویژگی و نحو خاص خود را دارند. مرجع تگ HTML به شما کمک می کند تا به سرعت عنصر مورد نیاز خود را پیدا کنید.

      لیست تگ های HTML

      جدول زیر لیستی از تگ های HTML5 را با توضیح مختصری به زبان روسی نشان می دهد.

      برچسب بزنید توضیح کوتاه
      یک نظر.
      نوع سند را مشخص می کند.
      پیوند، هایپرلینک، لنگر.
      متن را به صورت مخفف تعریف می کند.
      اطلاعات تماس نویسنده یا صاحب سند.
      یک منطقه را روی نقشه تصویر تعریف می کند
      مقاله
      محتوا به کنار (محتوا از نظر معنی محتوای اصلی صفحه نیست)
      به شما امکان می دهد یک فایل صوتی قابل پخش را وارد کنید.
      متن پررنگ
      URL پایه یا ویژگی هدف را برای پیوندهای نسبی در یک سند مشخص می کند.
      حوزه ای که ممکن است نوشتن متن در آن جهت متفاوتی داشته باشد.
      جهت نوشتن متن را تعیین می کند. در مقابل جهت، جهت فیزیکی نشان داده شده است
      نقل قول.
      ناحیه بدنه سند را مشخص می کند.

      		خط شکستن.
      دکمه قابل کلیک
      برای ترسیم گرافیک با استفاده از اسکریپت استفاده می شود
      عنوان جدول.
      پاورقی به نام مطالب.
      برای درج کد کامپیوتر به صورت متن استفاده می شود.
      ویژگی های ستون ها را در جدول تنظیم می کند.
      گروهی از یک یا چند ستون جدول را برای قالب بندی مشخص می کند.
      برای تعریف گزینه های از پیش تعریف شده برای انتخاب هنگام تایپ در یک جعبه متن استفاده می شود
      شرح یک اصطلاح را از یک برچسب در لیستی از اصطلاحات مشخص می کند
      متنی که در نسخه جدید سند حذف شده است.
      اطلاعات اضافی را مشخص می کند که کاربر می تواند مشاهده یا پنهان کند
      نشان می دهد که محتوا یک اصطلاح است.
      یک کادر محاوره ای یا عنصر تعاملی را مشخص می کند
      عنصر بلوک یکی از عناصر اصلی چیدمان است.
      فهرستی از تعاریف را تعریف می کند
      نام اصطلاح در فهرست تعاریف
      متن معنی دار (معمولاً متن به صورت مورب).
      ظرف برای کاربرد خارجی
      گروهی از عناصر مرتبط در یک فرم
      عنوان برای عنصر
      یک گروه مستقل متشکل از چندین عنصر را تعریف می کند (مثلاً یک عکس با عنوان)
      پاورقی
      شکل ورودی کاربر را مشخص می کند
      - هدرهای HTML سطوح مختلف: , , , , , .
      ناحیه سر سند را مشخص می کند.
      بلوک هدر
      خط افقی یک جداکننده موضوعی است.
      عنصر ریشه به مرورگر می گوید که این سند یک سند HTML است.
      متن را مورب می کند.
      یک قاب درون خطی را تعریف می کند
      تصویر، تصویر
      فیلد ورودی
      متنی که در نسخه جدید سند اضافه شده است.
      متن وارد شده از صفحه کلید یا نام دکمه های صفحه کلید. معمولا با فونت monospaced برجسته می شود.
      برچسب فیلد ورودی نشان می دهد که یک عنصر (معمولاً متن) به یک فیلد ورودی محدود شده است.
      هدر عنصر
      		• مورد فهرست
      یک لنگر منبع خارجی (معمولاً یک لنگر صفحه سبک CSS) را تعریف می کند.
      محتوای اصلی
      ظرف برای . یک نقشه سفارشی را روی یک تصویر تعریف می کند
      متن هایلایت شده (معمولا با برجسته کردن پس زمینه).
      ظرفی برای لیستی از آیتم های منو
      مواردی را تعریف می کند که کاربر می تواند از منوی زمینه تماس بگیرد
      برای تعریف ابرداده سند استفاده می شود.
      متر مقادیر در محدوده داده شده
      ظرف برای عناصر ناوبری
      محتوای جایگزین برای کاربرانی که اسکریپت ها را غیرفعال کرده اند
      یک شی داخلی را تعریف می کند
      یک لیست مرتب شده را مشخص می کند
      گروهی از انتخاب های مرتبط را در یک لیست کشویی مشخص می کند. نام گروه را می دهد
      پارامتر (گزینه انتخاب) در لیست کشویی
      نتیجه محاسبه

      		پاراگراف
      گزینه هایی را برای اشیاء داخلی تنظیم می کند
      ظرفی برای تصاویر متعدد
      متن از پیش فرمت شده
      نوار پیشرفت (پیشرفت)
      نقل قول در متن
      متن جایگزین اگر مرورگر از برچسب پشتیبانی نمی کند.
      حاشیه نویسی برای محتوای برچسب.
      ظرفی برای کاراکترها و رمزگشایی آنها (عمدتاً برای کاراکترهای آسیای شرقی، هیروگلیف).
      متن خط خورده
      متن حاصل از اجرای یک برنامه کامپیوتری (معمولاً با فونت monospace نمایش داده می شود).
      یک اسکریپت یا اتصال اسکریپت از یک منبع خارجی را مشخص می کند.
      فصل
      یک لیست کشویی را تعریف می کند
      متن با فونت کوچکتر
      منبعی را برای تگ ها و و مشخص می کند.
      عنصر درون خطی
      متن با مقدار برجسته شده است. معمولا به صورت پررنگ نمایش داده می شود.
      یک ظرف برای تعریف سبک های سند تعریف می کند
      متن را به عنوان زیرنویس نمایش می دهد.
      عنوان داخل تگ
      متن را به صورت بالانوشت نمایش می دهد.
      جدول را تعریف می کند.
      یک ناحیه محتوا را در جدول تعریف می کند.
      سلول در یک جدول .
      فیلد ورودی چند خطی
      گروهی از ردیف ها را در پایین جدول تعریف می کند - پاورقی بیشتر
      مکانی که در آن شکستن خط مجاز است.
      تگ های HTML منسوخ شده

      چگونه تگ HTML منسوخ شده را جایگزین کنیم؟ در بیشتر موارد، CSS Cascading Style Sheets این کار را انجام می دهد. همچنین، جایگزین هایی برای برچسب هایی وجود دارد که در مشخصات جدید و در HTML استفاده نشده اند. جدول زیر تگ های HTML منسوخ شده را با گزینه هایی برای جایگزینی آنها فهرست می کند.

      برچسب توضیحات مختصر
      مخفف به جای آن از یک تگ استفاده کنید
      اپلت جاسازی شده استفاده کنید یا به جای آن.
      رنگ، اندازه و خانواده فونت تمام متن در یک سند را مشخص می کند. به جای آن از آن استفاده کنید
      متن بزرگتر به جای آن از آن استفاده کنید
      متن در مرکز. به جای آن از آن استفاده کنید
      فهرست دایرکتوری استفاده کنید
        به جای او
      رنگ، اندازه و خانواده فونت را مشخص می کند. به جای آن از آن استفاده کنید
      قاب داخل. به جای آن از آن استفاده کنید
      مجموعه ای از فریم ها را مشخص می کند. برای افزودن چندین فریم درون خطی، از چندین عنصر استفاده کنید
      متن جایگزین اگر فریم ها پشتیبانی نمی شوند
      متن خط خورده استفاده کنید یا به جای آن
      متن تک فضا به جای آن از آن استفاده کنید
      متن خط دار به جای آن از آن استفاده کنید

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

      برچسب ها چیست؟

      بیشتر تگ‌های HTML جفت می‌شوند: یک تگ باز (به عنوان مثال، ) و یک تگ بسته وجود دارد که با یک اسلش (/) بعد از اولین براکت زاویه (مثلا، ) از تگ آغازین متمایز می‌شود. هر چیزی که در داخل یک جفت تگ قرار دارد، محتوای آنها نامیده می شود.

      محتوای متنی که در داخل این تگ ها قرار می گیرد پررنگ می شود

      همچنین برچسب های جفت نشده (تک) وجود دارد که به آنها برچسب می گویند. آنها، بر خلاف تگ های جفت، نیازی به بسته شدن ندارند، زیرا با محتوا کار نمی کنند، اما برخی از عملکردها را به تنهایی انجام می دهند. مثال تک تگ -
      . متن را به خط بعدی تنظیم می کند.

      اگر با زبان روسی تشابهاتی را ترسیم کنیم، می‌توان گفت که برچسب‌های جفت علامت نقل قول یا کروشه هستند که بر ویژگی‌های متن موجود در آنها تأثیر می‌گذارند (سعی کنید علامت‌های نقل قول را به موقع نبندید)، و تگ‌های منفرد (برچسب‌ها) هستند. علائم نگارشی (علامت تعجب، علامت سوال یا نقطه).

      هر تگ شامل:

      • براکت زاویه باز (< ).
      • کلمه خاص (نام برچسب). به عنوان مثال، hr، iframe، b.
      • براکت زاویه بسته شدن (> ).
      تگ های اصلی HTML

      از آنجایی که برچسب ها اساس زبان نشانه گذاری هستند، تعجب آور نیست که تعداد زیادی از آنها وجود داشته باشد. تگ های اصلی و مهم را در نظر بگیرید.

      • - یک برچسب واحد که در آن یک نظر قرار می گیرد. نظر متنی است که توسط مرورگر پردازش نمی شود. شما می توانید هر چیزی را در داخل برچسب بنویسید، حتی تگ های دیگر - آنها کار نمی کنند، روی صفحه نمایش داده نمی شوند. توسعه‌دهندگان روی کد نظر می‌دهند تا درک آن را برای سایر وب‌مسترها آسان‌تر کنند، یا پس از مدت‌ها خودشان بتوانند به سرعت آن را درک کنند.
      • , , , برچسب هایی هستند که باید در هر سند HTML مناسبی وجود داشته باشند (برای جزئیات، به "نحوه ایجاد یک وب سایت در Notepad" مراجعه کنید).
      • - برچسب حاوی اطلاعات پشتیبانیبرای مرورگرها و موتورهای جستجو در داخل آن می توانید بنویسید کلید واژه ها، توضیحات صفحه، رمزگذاری سند، نام نویسنده و غیره
      • حاوی پیوندی به یک فایل اسکریپت یا خود کد است.
      • - برچسبی که سبک سند و/یا عناصر آن را با آن تعریف می کند با استفاده از CSS. یک سند HTML می تواند حاوی تگ های زیادی باشد که تعریف می کنند سبک های متفاوت بخش های مختلفصفحات
      • - کاملاً متضاد، مکمل آن. تگ "هدر" (عنوان) بخش یا کل صفحه را تنظیم می کند.
      • "پاهای" سایت یا بخش را ذخیره می کند. در داخل آن می توانید اطلاعات کمکی، کپی رایت، اطلاعات تماس و غیره را قرار دهید.
      • حاوی محتوای اصلی صفحه است. نه هدر، نه بلوک منو، و نه "پاهای" سایت، بلکه صفحه برای چه چیزی ایجاد شده است. به عنوان مثال، در صفحه ای که در حال خواندن آن هستید، این مقاله باید در داخل آن قرار گیرد.
      • طراحی شده برای ایجاد لینک پیوندها ریشه ابرمتن هستند، بنابراین به آنها اختصاص داده شده است.
      • برای افزودن تصاویر به یک صفحه وب مورد نیاز است (این اقدام در خدمت شماست).
      • ,
        , - , , ,

        ، ، ، و سایر تگ های قالب بندی متن گروه بزرگی از تگ های HTML را تشکیل می دهند و در مقاله قالب بندی متن در HTML توضیح داده شده اند.

      • - عنصر بلوک. متن داخل با استفاده از CSS (Cascading Style Sheets که موضوع قسمت دوم آموزش است) فرمت شده است.
      • . آیا شما یک پاراگراف دارید؟

        یا مسدود کردن متن در قالب بندی شده است سبک یکنواخت، اما دوست دارید چندین کلمه با اندازه یا رنگ فونت متفاوت بدون شکستن ساختار داشته باشید. این دقیقا همان چیزی است که برچسب برای آن است.

      • ,
          ,
        • - لیست برچسب ها علامت گذاری شده، شماره گذاری شده - کار این برچسب ها. همچنین لیستی از تعاریف وجود دارد که برچسب ها مسئول آنها هستند، و اما در مورد تمام این شش مورد از مقاله "ایجاد لیست ها" اطلاعات بیشتری کسب خواهید کرد.
        • , , , هنگام ایجاد جداول استفاده می شود و در مقاله جداگانه ای به تفصیل مورد بحث قرار می گیرد.
        • - برچسبی که تعاملی را به صفحه اضافه می کند، یعنی به کاربر اجازه می دهد با وب سایت تعامل داشته باشد. البته فرم نیاز به یک هندلر دارد، اما با کمک تگ های داخل می توانید یک رابط ایجاد کنید. چک باکس‌ها، دکمه‌ها، دکمه‌های رادیویی، فیلدهای ورودی و سایر اشیایی که از شما می‌خواهند اقدامی انجام دهید، همگی عناصر فرمی هستند که کد آنها در یک ظرف قرار می‌گیرد.
        • - برچسبی که یک دکمه تعاملی ایجاد می کند. برای اینکه وقتی روی آن کلیک می‌کنید اتفاقی بیفتد، دکمه باید به شکل (میان برچسب‌ها) باشد.
        • عناصر فرم را ایجاد می کند: سوئیچ ها، چک باکس ها، دکمه ها، انواع فیلدهای ورودی. داخل ظرف قرار داده شده است. اما اگر جهانی وجود دارد، چرا به آن جداگانه نیاز داریم؟ به شما امکان می دهد یک دکمه با گزینه های پیشرفته ایجاد کنید. به عنوان مثال، می توانید یک تصویر را روی یک دکمه قرار دهید. در عنصر ایجاد شده از طریق، این کار نمی تواند انجام شود.
        • و - تگ های ایجاد منو در HTML 5. - این محفظه ای است که عناصر درون آن قرار می گیرند که افزودن آنها منجر به ایجاد آیتم های منو می شود. زوج خیلی جالب به عنوان مثال، می توانید از آن برای ایجاد خود استفاده کنید منوی زمینهبرای صفحه یا عنصر جداگانه آن.
        • - تگ فرم دیگری که یک فیلد بزرگ در آن ایجاد می کند که می توانید نه یک خط متن، بلکه کل پاراگراف ها را در آن وارد کنید.

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

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

          همانطور که در بالا ذکر شد، همه برچسب ها با شروع می شوند براکت زاویه < и заканчиваются угловой скобкой >. پس از براکت زاویه باز، نام تگ (فرمان) آمده است.

          به عنوان مثال، یک برچسب برای تأکید بر متن طراحی شده است، مرورگرها چنین متنی را به صورت مورب نمایش می دهند. هنگامی که مرورگر با این تگ مواجه می شود، به قالب بندی ایتالیک متن زیر برچسب تغییر می کند.

          به یک مثال توجه کنید:

          این متن عادی است. این متن به صورت مورب است.

          برچسب شروع یا تگ باز نامیده می شود، به این معنی که مرورگر شامل یک فرمان خاص (in این موردنوشتن به صورت مورب). اکثر تگ ها دارای یک جفت به شکل یک تگ بسته هستند که دستور را غیرفعال می کند.

          تگ پایان مانند تگ شروع به نظر می رسد، اما با یک اسلش شروع می شود. بنابراین، برچسب پایانی برای حروف کج است.

          به یک مثال توجه کنید:

          این متن عادی است. توجه! حروف کج.این دوباره یک فونت معمولی است.

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

          ، و
          فرآیند درج تگ ها در متن ساده و بدون قالب، نشانه گذاری سند HTML نامیده می شود و تگ ها کاراکترهای نشانه گذاری هستند. در نوشتن تگ ها به حروف بزرگ توجه نمی شود، تگ را می توان با حروف کوچک و بزرگ نوشت، اما استفاده از حروف بزرگ همچنان توصیه می شود.

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

          عناوین

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

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