اچ‌تی‌ام‌ال HTML

عبارت اچ تی ام ال (HTML) مخفف کلمات HyperText Markup Language می باشد. Html یک زبان نشانه گذاری است برای تعیین ساختار صفحات وب. بعنوان مثال یک صفحه وب می تواند شامل پاراگراف، تصاویر، لیست bullet دار، جداول و سایر المان ها باشد.

آناتومی یک تگ HTML:

در تصویر زیر، ساختار یک تگ پاراگراف یا P را ملاحظه می فرمائید:

html-tag-1

  • تگ باز (Opening Tag)
  • تگ بسته (Closing Tag)
  • محتوای تگ (Content)
  • المان (Element)

 

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

المان های یک صفحه html می توانند شامل اتریبیوت (attribute) نیز باشند. تصویر زیر مشاهده شود:

html-tag-2

المانهای html می توانند بصورت تو در تو یا nested تعریف شوند. مانند تگ زیر:

My cat is very grumpy.

المان هایی هستند که تگ بسته ندارند و همچنین محتوا ندارند. مانند تگ img بصورت زیر:

My test image

 

آناتومی یک صفحه HTML:

    My test image

در دسته بندی HTML از “مجله آموزشی محتوا” آموزش هایی در زمینه انواع تگ ها و متا تگ های HTML ارائه می دهیم. مانند: متا تگ og ، متا تگ Description ، نحوه اعتبارسنجی در HTML5 ، تگ کنونیکال و…

اهمیت متا تگ ها در سئوی وب‌سایت

اهمیت متا تگ ها در سئوی وب‌سایت

اهمیت متا تگ ها در سئوی وب‌سایت » در این مقاله انواع متاتگ ها را معرفی کرده و نحوه تعریف هر یک را بررسی می کنیم و تاثیر آنها بر سئوی سایت را بیان می کنیم

آموزش ذخیره اطلاعات توسط Web Storage در HTML5

آموزش ذخیره اطلاعات توسط Web Storage در HTML5

آموزش ذخیره اطلاعات توسط Web Storage در HTML5 » در این مقاله، قابلیت web storage موجود در html5 را معرفی و بررسی می کنیم. انواع web storage عبارتند از: local storage و session storage.

آموزش اعتبارسنجی HTML5 توسط اتریبیوت Pattern

آموزش اعتبارسنجی HTML5 توسط اتریبیوت Pattern

آموزش اعتبارسنجی HTML5 توسط اتریبیوت Pattern : در این مقاله، درباره اعتبارسنجی-validation و اتریبیوت pattern در HTML5 صحبت خواهیم کرد.

فرمت اتوماتیک برای ورودی کاربر در فرم

فرمت اتوماتیک برای ورودی کاربر در فرم

فرمت اتوماتیک برای ورودی کاربر در فرم : در این مقاله، با نحوه فرمت دهی به فیلد شماره سریال-serial number، واحد پولی و نیز تاریخ-date آشنا می شویم. سورس کد مثال های این مقاله را در وب سایت codePen قابل مشاهده و ویرایش می باشند.

معرفی متاتگ اپن گراف یا open graph

معرفی متاتگ اپن گراف یا open graph

معرفی متاتگ اپن گراف یا open graph : در این مقاله، متا تگ های og یا open graph را معرفی کرده و دلیل استفاده از آنها را بیان می کنیم. انواع متاتگ های اپن گراف عبارتند از: متاتگ Content Type، متاتگ Url، متاتگ Title، متاتگ توضیحات، متاتگ تصویر، متاتگ نام سایت، متا تگ نویسنده مقاله و غیره

تگ alt تصاویر وب‌سایت چیست؟

تگ alt تصاویر وب‌سایت چیست؟

تگ alt تصاویر وب‌سایت چیست؟ » در این مقاله، متن جایگزین (Alt text) تصاویر در وب سایت را معرفی می کنیم و کاربردها و نحوه تعریف آن و تاثیر آن بر سئوی سایت را بیان می کنیم. دلایل اهمیت تعریف تگ alt را نیز بیان خواهیم کرد و در نهایت نمونه هایی کاربردی برای نحوه تعریف تگ alt تصاویر مختلف را خواهیم دید.

تگ کنونیکال چیست و چه کاربردی دارد؟

تگ کنونیکال چیست و چه کاربردی دارد؟

تگ کنونیکال چیست و چه کاربردی دارد؟ » در این مقاله آموزشی، تگ کنونیکال (Canonical Tag) را معرفی کرده و نحوه تعریف آن را در صفحات وب آموزش می دهیم. اهمیت تعریف تگ کنونیکال در صفحه اصلی سایت را بیان می کنیم. تگ های canonical داینامیک را بررسی می کنیم، تگ Canonical با ریدایرکت 301 مقایسه می کنیم.

آشنایی با متا تگ viewport و تنظیمات آن

آشنایی با متا تگ viewport و تنظیمات آن

آشنایی با متا تگ viewport و تنظیمات آن » در این مقاله، به معرفی متاتگ viewport و دلیل استفاده از viewport در صفحات وب و نحوه تنظیمات آن خواهیم پرداخت.

معرفی فرمت SVG و نحوه استفاده از آن در وب

معرفی فرمت SVG و نحوه استفاده از آن در وب

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

راهنمای استفاده از تگ‌های معنایی در HTML5

راهنمای استفاده از تگ‌های معنایی در HTML5

راهنمای استفاده از تگ‌های معنایی در HTML5 » در این مقاله، تگ های معنایی یا semantic tags را معرفی کرده و نحوه طراحی قالب سایت را با این تگ ها آموزش می دهیم.

لغت‌ نامه سئو: اصطلاحاتی که باید بدانید!

لغت‌ نامه سئو: اصطلاحاتی که باید بدانید!

لغت‌ نامه سئو: اصطلاحاتی که باید بدانید! » در این مقاله، لغت نامه سئو را خواهیم داشت. شامل لغات و اصطلاحات ضروری سئو و معانی آنها که باید بدانید.