هدف تگ ها را مشخص کنید. آنها چه کار می کنند

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

به طور کلی، HTML یک زبان برنامه نویسی نیست. این زبان نشانه گذاری HyperText است. یعنی نامیدن آن به "زبان HTML" صحیح نیست.

به بیان ساده، HTML لیستی از تگ ها (کلمات کنترلی) است که به شما امکان می دهد آن را نشان دهید متن سادهبه صورت فرمت شده به عنوان مثال، آن را به صورت پررنگ یا برجسته کنید موربو غیره اما متن را فقط می توان به این شکل در ارائه کرد برنامه های ویژه ah - (برنامه هایی که با آنها در اینترنت گشت و گذار می کنید).

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

می توانید کدهای HTML را هم در برنامه های معمولی و هم در برنامه های خاص به اصطلاح ایجاد کنید. ویرایشگرهای بصری با ویرایشگرهای متن تفاوت دارند زیرا برای تایپ کدهای HTML، CSS، JavaScript، PHP و غیره، یعنی برای برنامه نویسی وب طراحی شده اند. علاوه بر این، آنها به شما این امکان را می دهند که فوراً نتایج زحمات خود را در مرورگر داخلی مشاهده کنید و برخی از خطاها را در کد تایپ شده برجسته کنید.

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

من این کار را انجام می دهم: کد را در Dreamweaver تایپ می کنم، سپس ذخیره می کنم و روی دکمه "View in Browser" کلیک می کنم (شما خودتان لیست مرورگرهای این منو را ویرایش می کنید)، سپس به Dreamweaver برمی گردم و ویرایش را ادامه می دهم. اینجا . برای ابزارها تمام شد، حالا بیایید به سراغ تگ های HTML برویم.

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

تگ های HTML (اصلی) مورد نیاز که در هر سند HTML استفاده می شود شامل موارد زیر است:

توجه داشته باشید. برای اینکه مرورگر کد HTML را به صورت متن خروجی بگیرد (نه اینکه آن را به کد تفسیر کند)، پس از هر باز کردن براکت زاویه "" فاصله می گذارم. وقتی کد را تایپ می کنید، فاصله نگذارید.

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

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

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

بین تگ ها متا تگ ها (عنوان صفحه، توضیحات، کلید واژه هاو غیره.). آنها اطلاعات مربوط به صفحه html و اطلاعات فنی را ذخیره می کنند. اصلا، این تگاختیاری است، یعنی بدون آن، سند HTML به طور معمول توسط مرورگرها نمایش داده می شود. اما حتی اگر قصد استفاده از قسمت عنوان را ندارید، حداقل آن را ساده بنویسید. این برای سازگاری بین لازم است نسخه های مختلفبرنامه ها.

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

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

در تمام تگ‌های دیگر که هنگام ایجاد یک سند html استفاده می‌شوند، آنها بین (یعنی داخل) آنها قرار دارند برچسب های اجباری. تقریباً همه تگ‌ها در HTML دارای ویژگی‌ها، ویژگی‌ها و پارامترهای مختلفی هستند که به شما امکان می‌دهند اطلاعات را دقیقاً همانطور که توسعه‌دهنده قصد داشته نمایش دهید. برای مثال، اگر بنویسید:

سپس پس زمینه کل صفحه قرمز می شود.

در اینجا یک تگ در واقع یک تگ است. bgcolor - ویژگی آن؛ "#FF0000" - مقدار مشخصه (یک برچسب می تواند چندین ویژگی داشته باشد).

توجه داشته باشید. تمام ویژگی های تگ و مقادیر آنها در تگ آغازین (تگ بدون اسلش) مشخص می شود، اما در هیچ موردی در تگ بسته نمی شود.

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

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

تی . یعنی ابتدا تگ های عنوان سند html () و سپس تگ های body () در نظر گرفته می شوند.

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

بنابراین، او فقط زمان و تمایل خود را برای ادامه تلف می کند یادگیری HTML. در عین حال، حفظ این عقیده که فقط "گوروها" می توانند این کار را برای پول خوب انجام دهند. همچنین اگر چیزی را که هنوز نمی‌فهمم و ادامه نمی‌دهم، در نظر نگرفتم، این فعالیت را کنار می‌گذارم.

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

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

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

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

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

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

  پاراگراف ها در متن پارامترهایی را برای پلاگین های تعبیه شده با استفاده از عنصر تعریف می کند. یک عنصر ظرف حاوی یک عنصر و صفر یا بیشتر عناصر. به خودی خود چیزی نمایش نمی دهد. به مرورگر اجازه می دهد تا مناسب ترین تصویر را انتخاب کند. خروجی متن بدون قالب بندی، حفظ فاصله و شکست متن. قابل استفاده برای نمایش کد کامپیوتر، پیام ها پست الکترونیکو غیره. نشانگر تکمیل یک کار از هر نوع. نقل قول کوتاهی را تعریف می کند. ظرف برای شخصیت های آسیای شرقیو رمزگشایی آنها متن تودرتو خود را به عنوان جزء پایه حاشیه نویسی تعریف می کند. اضافه می کند توضیح مختصربالا یا پایین کاراکترهای موجود در عنصر، با فونت کوچکتر نمایش داده می شود. متن جاسازی شده را به عنوان حاشیه نویسی اضافی علامت گذاری می کند. خروجی ها متن جایگزیندر صورتی که مرورگر از عنصر پشتیبانی نکند. متنی را نشان می دهد که با خط خطی فعلی نیست. برای نمایش متن نشان دهنده نتیجه اجرا استفاده می شود کد برنامهیا فیلمنامه، همچنین پیام های سیستمی. با فونت monospace نمایش داده می شود. برای تعریف یک اسکریپت سمت سرویس گیرنده (معمولا جاوا اسکریپت) استفاده می شود. شامل متن اسکریپت یا اشاره به فایل خارجیاسکریپت با استفاده از ویژگی src. یک ناحیه (بخش) منطقی از یک صفحه را، معمولاً با یک هدر، تعریف می کند. یک عنصر کنترلی که به شما امکان می دهد مقادیر را از یک مجموعه پیشنهادی انتخاب کنید. مقادیر متغیر در قرار می گیرند. متن را با فونت کوچکتر نمایش می دهد. مکان و نوع منابع رسانه ای جایگزین را برای , , مشخص می کند. ظرف برای عناصر درون خطی. می توان از آن برای قالب بندی متن، مانند برجسته کردن کلمات جداگانه با رنگ استفاده کرد. در متن تاکید می کند و آن را به صورت پررنگ برجسته می کند. شامل شیوه نامه های قابل جاسازی است. نوشتن زیرنویس نمادها، به عنوان مثال، شاخص عنصر در فرمول های شیمیایی را مشخص می کند. یک عنوان قابل مشاهده برای برچسب ایجاد می کند. نمایش داده شده با یک مثلث پر شده، با کلیک بر روی آن می توانید جزئیات عنوان را مشاهده کنید. املای بالانویس کاراکترها را مشخص می کند.

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

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

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

  برچسب ها در یک وب سایت چیست (برچسب هایی برای ایجاد ناوبری)

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

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

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

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

  

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

  

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

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

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

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

  تگ های HTML چیست؟

  پانزده سال پیش برای اولین بار تصمیم گرفتم آنها را مطالعه کنم، اما بعد برچسب عنواناون موقع هیچ پیشرفتی نداشتم سپس با یک دوره ویدیویی رایگان توسط Evgeniy Popov در Html مواجه شدم و همه چیز به خوبی پیش رفت. البته آن دوره فقط ظاهر شد مرحله اولیه، اما دقیقاً همین ارائه ساده است که مبتدیان اغلب فاقد آن هستند.

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

  اما دوره ویدیویی یک دوره ویدیویی است و من باید شما را علاقه مند کنم تا آن را دانلود کنید و تماشا کنید. از عبارات کلی مشخص نیست که چه برچسب هایی در زبان HTML هستند و چرا باید آنها را مطالعه کنید. اوه این عالیه و چیز ساده، که به شما این امکان را می دهد که استاد وب سایت خود شوید. چرا به یک وب سایت نیاز دارید؟

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

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

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

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

  برچسب های مختلفی وجود دارد، اما تعداد زیادی از آنها وجود ندارد (از آنهایی که پس از اجرا در آن مرتبط باقی ماندند زندگی css). ببین چقدر ساده است فرض کنید می خواهید یک پاراگراف ایجاد کنید - به سادگی متن پاراگراف آینده را با تگ های P باز و بسته کنید (این حرف لاتینو در کد بهتر است آن را کوچک بنویسید، اما در اینجا برای وضوح آن را بزرگ کردم). این چیزی است که به نظر خواهد رسید:

  متن متن ...... متن متن

  آیا تفاوت بین تگ Html باز (در ابتدا) و تگ بسته (در پایان) را درک می کنید؟ خوب، البته، من فقط یک اسلش رو به جلو بعد از براکت مثلث اضافه کردم.

  

  اوه یادم رفت بگم مرورگر برچسب ها را با چه معیاری جدا می کند؟(نشانه گذاری) از محتوای اصلی. خودت حدس زدی؟

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

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

  در کد آنها می توانند به عنوان مثال به این شکل به نظر برسند:

  در واقع آنها حاوی توضیحات و کلمات کلیدی صفحه وب هستند که برای آن ثبت شده اند. در مقاله بالا درباره آنها بیشتر بخوانید.

  متا تگ ها در کد صفحه وب در مکانی کاملاً مشخص نوشته می شوند. آیا می دانید کدام یک؟ درست است، در به اصطلاح "سر" سند، که شامل تگ های HEAD باز و بسته می شود.

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

  برچسب های موسیقی در فایل های صوتی چیست؟

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

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

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

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

  با استفاده از نرم افزار ویژه. خود برچسب ها برای اولین بار در پایان قرن گذشته در فایل های صوتی ظاهر شدند. برای فایل های MP3 استاندارد افزودن آنها ID3 نام داشت و برای فایل های موسیقی که بدون افت کیفیت فشرده می شوند (مانند FLAC و مواردی از این قبیل) استاندارد افزودن تگ (متا دیتا) نظر Vorbis نامیده می شد.

  برای موسیقی ضبط شده در ویندوز فرمت WMAمتادیتای WM وجود دارد، و برای MP4های اپل متادیتای iTunes وجود دارد (به هر حال، من اخیراً در مورد آن نوشتم).

  بنابراین، می توانید برچسب ها را با استفاده از برنامه های خاص ویرایش کنید. محبوب ترین آنها احتمالا Mp3tag است (سایت رسمی، اما در هنگام دانلود مراقب باشید - به طور تصادفی روی تبلیغی که پیشنهاد می کند چیزی کاملاً متفاوت دانلود کنید کلیک نکنید). من فکر می کنم که همه برنامه های دیگر را خودتان خواهید یافت، به خصوص که این یکی برای تکمیل این کار کاملاً کافی است.

  به این ترتیب تگ ها متنوع بودند که در همه این موارد نقش اصلی خود را ایفا کردند - نشانه گذاری (مقالات در یک سایت، محتوای یک صفحه وب یا داده های متا در فایل های موسیقی). امیدوارم اکنون سوالات کمتری در مورد این موضوع داشته باشید.

  موفق باشی! به زودی شما را در صفحات سایت وبلاگ می بینیم

  با رفتن به ");"> می توانید ویدیوهای بیشتری را تماشا کنید
  

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

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

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

  انواع تگ ها چیست؟

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

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

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

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

  هر تگ شامل موارد زیر است:

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

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

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

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

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

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

  • ,
    ,
    • - لیست برچسب ها علامت گذاری شده، شماره گذاری شده - کار این برچسب ها. همچنین لیستی از تعاریف وجود دارد که برچسب ها مسئول آن هستند، اما در مقاله "ایجاد لیست ها" با جزئیات هر شش مورد از آنها آشنا خواهید شد.

  تگ برای ایجاد جدول
  	بدنه جدول را تعریف می کند.
  		یک سلول جدول ایجاد می کند.
  	برای اعلام قطعات کد HTML استفاده می شود که می توانند شبیه سازی شوند و توسط یک اسکریپت در یک سند درج شوند. محتوای یک تگ فرزند آن نیست.
  	فیلدهای ورودی متن بزرگ ایجاد می کند.
  	پاورقی جدول را تعریف می کند.
  	عنوان سلول جدول ایجاد می کند.
  	عنوان جدول را تعریف می کند.
  	تاریخ/زمان را تعریف می کند.
  	عنوان یک سند HTML که در بالای نوار عنوان مرورگر ظاهر می شود. ممکن است در نتایج جستجو نیز ظاهر شود، بنابراین باید هنگام ارائه عنوان به این موضوع توجه شود.
  یک ردیف جدول ایجاد می کند.
  	زیرنویس برای عناصر و .
  	قسمتی از متن را با خط کشیدن، بدون تاکید اضافی برجسته می کند.
  	یک لیست گلوله ای ایجاد می کند.
  	متغیرها را از برنامه ها با نمایش به صورت مورب برجسته می کند.
  	فایل های ویدئویی را به صفحه اضافه می کند. پشتیبانی از 3 فرمت ویدئویی: MP4، WebM، Ogg.
  	به مرورگر نشان می دهد که در آن یک خط طولانی ممکن است شکسته شود.

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

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

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

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

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

  بیایید به یک مثال نگاه کنیم:

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

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

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

  بیایید به یک مثال نگاه کنیم:

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

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

  ، و

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

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

  سرفصل ها

  وجود دارد برچسب ویژهبرای تعیین هدر در HTML. 6 سطح عنوان در HTML وجود دارد که از مهمترین اعلان ها تا کم اهمیت ترین عنوان ها را شامل می شود.