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

تگ های اصلی HTML برچسب های جفت نشده چه تفاوتی با تگ های جفت دار دارند؟ برچسب ها جفت شده و جفت نشده

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

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

هر تگ در HTML معنای خاصی دارد و وظیفه نمایش داده های خاصی را بر عهده دارد. مورد حروف در نام تگ ها مهم نیست، مثلاً برچسب

و تگ کنید

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

طبقه بندی برچسب

بیش از 90 تگ در HTML وجود دارد. به عنوان یک قاعده، یک تگ تنها بر بخشی از سند تأثیر می گذارد، به عنوان مثال، تگ عنوان سطح اول.

. در چنین مواردی از تگ های جفت استفاده می شود: افتتاحو بسته شدن. برچسب باز کردن (به عنوان مثال،

) اثر را ایجاد می کند و بسته شدن (

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

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


یا تگ نمایش تصویر . چنین تگ هایی تگ پایانی ندارند. چنین برچسب هایی جفت نشده نامیده می شوند.

انواع برچسب

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

  • برچسب های عنوان سند؛
  • عناصر بلوک؛
  • عناصر درون خطی؛
  • عناصر جهانی؛
  • لیست ها
  • جداول;
  • قاب ها

این تقسیم بندی سختگیرانه نیست، بنابراین برخی از برچسب ها در گروه های مختلف قرار دارند. به عنوان مثال، برچسب هایی برای ایجاد لیست

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

      ساختار برچسب

      وقتی در مرورگر بارگذاری می شود، خود برچسب ها نمایش داده نمی شوند، اما بر نحوه نمایش محتوای آنها تأثیر می گذارند. اگر برچسبی غلط املایی داشته باشد، به طور کامل نادیده گرفته می شود.

      همه تگ ها ساختار خاصی دارند که باید هنگام نوشتن رعایت شود. علاوه بر این، تقریباً همه برچسب ها دارای ویژگی های مختلفی هستند که می توانند نحوه نمایش محتوا را تغییر دهند.

      بیایید به ساختار صحیح برچسب های حاوی ویژگی ها نگاه کنیم:

      1. خودش مدیر وب سایت

      مثلا من دو تگ کاملا متفاوت دادم. اولین تک - مسئول نمایش تصاویر، ویژگی - src="logo.jpg". دومین جفت مسئول ایجاد پیوندها است، ویژگی است href="سایت".

      نتیجه گیری 1: ویژگی‌ها می‌توانند برچسب‌های جفت یا جفت نشده داشته باشند.

      نتیجه 2: ویژگی‌ها فقط می‌توانند تگ شروع داشته باشند، تگ‌های پایان هیچ ویژگی ندارند.

      تصویر برای شفاف سازی:

      HTML یک فایل متنی ساده با پسوند .htm (html) است. برای ایجاد ساده ترین صفحه در ابتدا، زمانی که فقط در حال تمرین هستید، فقط به یک دفترچه یادداشت نیاز دارید. دفترچه یادداشت را باز کنید و متن را بنویسید.

      هر عنصر HTML یک برچسب است که توسط آن احاطه شده است<>براکت ها هر فایل، صفحه html با یک تگ شروع می شود و با تگ به پایان می رسد.

      این برچسب است به سادگی به مرورگر (که برنامه ای است که در آن صفحات وب را مشاهده می کنید) نشان می دهد که این سند یک سند نشانه گذاری html است.

      برچسب بزنید - یعنی ابتدای سند html و- تگ بستن، به معنای پایان سند html است.



      درون این تگ ها چندین تگ مهم دیگر نیز وجود دارد. درست بعد از برچسب برچسب هایی به معنای عنوان صفحه و بدنه صفحه وجود دارد.


      اولین صفحه HTML من




      برچسب بزنید وقتی این صفحه نمایش داده می شود به معنای عنوان عنوان پنجره است. <br>اکنون می توانید یک سند متنی جدید در notepad ایجاد کنید، متن بالا را کپی کنید و به عنوان Page1.html ذخیره کنید و در مرورگر خود اجرا کنید، عنوان صفحه را مشاهده خواهید کرد. <title>، و یک صفحه خالی، زیرا ما در بدنه صفحه در تگ ها هستیم <body> </body>ما چیزی را خروجی نمی دهیم</p> <p>بنابراین، متن بالا برای ما چارچوب اصلی هر صفحه وب خواهد بود.</p> <h4><b>تگ های جفت شده و جفت نشده!</b></h4> <p><html></html>, <head></head>,<body></body>اینها فقط تگ های جفت شده هستند - آن دسته از برچسب هایی که به عنوان یک جفت تگ و بسته شدن آن، برچسب بسته شدن با نماد / قرار می گیرند. برای تگ های جفت شده، مقدار موجود بین ابتدای تگ و انتهای آن، عمل تگ است. این عمل تا زمانی که یک برچسب با کاراکتر / پیدا شود منتشر می شود.</p> <p>برچسب های جفت نشده - آنها برچسب بسته شدن ندارند. در زیر نمونه هایی از اینگونه تگ ها را بیان خواهیم کرد.</p> <p><head></head>- عنوان صفحه html که شامل کلمات کلیدی برای موتورهای جستجو، اسکریپت های مختلف و ... می باشد.</p> <p><body></body>- به طور مستقیم بدنه سند html.</p> <p><br />برچسب جفت نشده.</p> <p><b>توجه داشته باشید:</b>در اکثر مواقع در حال حاضر هنگام ساخت سایت ها از روتین های آماده، افزونه ها و ... استفاده می کنند. – برای ایجاد سریعتر سایت، اما برای اعمال و استفاده از این گونه روال ها و قالب ها، همچنان حداقل دانش از این جلسات مورد نیاز است.</p> <p>HTML (زبان نشانه گذاری HyperText) است <b>زبان نشانه گذاری فرامتن</b>. زبان نشانه گذاری برای ساختار دادن به یک صفحه وب یا سایت استفاده می شود. زبان نشانه گذاری طراحی را انجام نمی دهد، بلکه وظایف ساختاربندی را انجام می دهد. این ساختار با استفاده از عناصر ویژه تنظیم می شود - برچسب هایی که برای مرورگر قابل درک است. این برچسب ها را برچسب ها - از انگلیسی می نامند. کلمات <i>برچسب - برچسب نامگذاری شده.</i></p> <p>فرامتن سندی است که با آن علامت گذاری شده است <b>زبان HTML</b>. اصطلاح "فوق متن" در اصل توسط تد نلسون برای اشاره به متن "که به خودی خود منشعب می شود یا یک عمل را بر اساس تقاضا انجام می دهد" ابداع شد.</p> <p>سند HTML یک فایل متنی ساده است که ساختار خاصی دارد. هنگامی که یک مرورگر اینترنت را باز می کنید، این سند را پردازش می کند، در نتیجه ما صفحات اینترنتی آشنا را می بینیم که در آن متن، تصاویر، لینک ها و غیره وجود دارد. صفحات اینترنتی دارای پسوند هستند - <i>html</i>.</p> <p>ساختار یک سند HTML ساده را در نظر بگیرید</p> <p><!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>سند

      سند

      خط برچسب نامیده می شود. به طور کلی، هر چیزی که در نمادها محصور شده است<>برچسب نامیده می شود. این کاراکترها در زبان HTML کمکی هستند. برچسب ها دو نوع هستند:

      • جفت شده- این تگ ها دارای یک تگ باز و بسته شدن هستند. تگ بسته شامل یک کاراکتر اسلش است. محتوای تگ بین این تگ ها وارد می شود. محتوای تگ می تواند متن ساده یا سایر تگ های تو در تو باشد. نمونه هایی از تگ های جفت:
      • جفت نشده- برچسب هایی که بسته نشده اند. مثال:

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

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

      ساختار یک سند HTML را در نظر بگیرید:

      • این چه نوع برچسبی است؟ این نسخه HTML است که در این صفحه استفاده شده است. این تگ برای شروع تمام اسناد HTML استفاده می شود. این رفتار خوب محسوب می شود. DOCTYPE به مرورگر می گوید که سند در کدام نسخه از HTML نوشته شده است، به طوری که همه مرورگرها (و اکنون تعداد زیادی وجود دارند) می توانند به درستی نشانه گذاری را پردازش کرده و محتوای سند را نمایش دهند. اگر این کار انجام نشود، مرورگر پیش فرض نسخه سند را به اشتباه تعیین می کند، در نتیجه ممکن است تمام نشانه گذاری ها در مرورگرهای مختلف به اشتباه نمایش داده شوند. در این حالت، DOCTYPE به نسخه HTML5 اشاره می کند.
      • - تمام محتوای صفحه بین این تگ های جفت شده محصور شده است که به مرورگر اطلاع می دهد که این یک صفحه HTML است.
      • - بخش سرویس (هدر) که برای اتصال فایل های خارجی و تنظیمات مسئول ظاهر، خروجی و عملکرد این صفحه استفاده می شود. محتوای آن، اغلب، به جز برچسب عنوان، در صفحه نمایش داده نمی شود. تگ عنوان حاوی عنوان صفحه ای است که در برگه نمایش داده می شود.
      • - هر چیزی که در صفحه نمایش داده می شود در تگ بدنه نوشته می شود.

      برای گسترش عملکرد HTML، اطلاعات خاصی به نام ویژگی ها به برچسب ها اضافه می شود. بنابراین در خط:

      charset="UTF-8" یک ویژگی است. ویژگی های زیادی می تواند وجود داشته باشد. ویژگی ها با فاصله نوشته می شوند. در این حالت با استفاده از متا تگ، صفحه HTML کدگذاری UTF-8 را مشخص می کند. آن ها رمزگذاری این سند به مرورگر گفته می شود تا محتویات صفحه را به درستی نمایش دهد.

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

      سوالاتی برای خودکنترلی

      1. فرامتن چیست؟
      2. چرا استفاده از HTML ضروری است؟
      3. رمزگذاری صفحه چیست؟ چرا اعمال می شود؟ کجا می توانم رمزگذاری را در مرورگر تغییر دهم؟
      4. چه نوع صفاتی را می شناسید؟
      5. برچسب ها چیست؟ تفاوت آنها با صفات چیست؟
      6. یک صفحه HTML باید شامل چه برچسب هایی باشد؟

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

      تگ های HTMLاساس زبان HTML است. از تگ ها برای تعیین حد شروع و پایان عناصر در نشانه گذاری استفاده می شود.

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

      تمام عناصر HTML به پنج نوع تقسیم می شوند:

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