تگ های موجود در یک سند HTML عادی و یک پروژه ی کوتاه با html

خانه » مقالات اموزشی » html » تگ های موجود در یک سند HTML عادی و یک پروژه ی کوتاه با html
تگ های موجود در یک سند HTML عادی و یک پروژه ی کوتاه با html

نویسنده:

محمدرضا احمدی نسب

Statistics-rafiki

تعداد بازدید:

1724

Calendar-amico (2)

تاریخ به‌روزرسانی:

۱۴۰۰-۱۲-۱۰

Work time-rafiki

زمان مطالعه:

5 دقیقه

تگ های موجود در یک سند HTML عادی و یک پروژه ی کوتاه با html

تگ چیست؟

لغت tag به معنای برچسب می باشد و در زبان های برنامه نویسی مانند HTML به عنوان کد های تعریف شده این زبان می باشد.

tagهای زبان برنامه نویسی HTML به این صورت است که یک عبارت (برای مثال HTML)  درون دو نشانگر <> قرار می گیرند مانند tag body  که بصورت <body> نوشته می شود

در این قسمت از آموزش های کدپز tagهای اصلی یک سند html را بررسی می کنیم.

<Doctype!>

این tag نوع سند HTML را مشخص می کند و نقش راهنما را برای مرورگر ایفا می کند. چون نسخه های قبلی html بر مبنای SGmL می باشد  اعلان <DOCTYPE!> آن به یک DTD اشاره می کند.ولی در html 5 نیازی به این اعلان نیست.

——-   ——-   ——- ——-   ——-   ——-   ——-

تگ “html”

<html>

.

.

.

.

</html>

این دو tag که یکی در ابتدا و دیگری در انتهای کدهای ما قرار می گیرند تعیین کننده ی شروع و پایان کد های نوشته شده هسنتد و در واقع به مرورگر نشان می دهند کدهایی که بین این دو tag هستند از نوع html هستند.

——-   ——-   ——- ——-   ——-   ——-   ——-

تگ “head”

<head>

.

.

.

.

</head>

از این tag برای نمایش عنوان سند html و اطلاعات عمومی استفاده می کنیم و باید شامل یک عنوان برای آن سند باشد.

از tagهایی مانند “meta”,”link” و “title” نیز داخل این tag استفاده می شود.

——-   ——-   ——- ——-   ——-   ——-   ——-

تگ”meta”

<meta name=”description” content=”Free Web tutorials”>

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

از تگ “meta” نوعاً برای مشخص کردن نویسنده، کلمات کلیدی، آخرین تغییرات، توضیحاتی در مورد صفحه و دیگر داده های Meta استفاده می شوند.

——-   ——-   ——- ——-   ——-   ——-   ——-

تگ “title”

<title>…………………….</title>

عنوان سند را در نوار ابزار مرورگر مشخص می کند.

استفاده از این tag در سند html الزامی بوده و گزارش موتورهای جستجو نیز بر اساس محتویات این tag می باشد.

——-   ——-   ——- ——-   ——-   ——-   ——-

تگ”link”

<link rel=”stylesheet” type=”text/css” href=”theme.css”>

از این tag برای ارتباط سند با یک منبع خارجی استفاده می شود که رایج ترین این سند ها استایل ها که با فرمت css و فایل های جاوا اسکریپ یا جی کوئری با پسوند js می باشند.

——-   ——-   ——- ——-   ——-   ——-   ——-

تگ “body”

<body>

.

.

.

.

.

</body>

این tag همانطور که از نامش پیداست بدنه صفحه را شامل می شود.تمامی محتویاتی که باید توسط مرورگر نمایش داده شوند بین این دو tag قرار می گیرند.­­­­­­­­­­

——-   ——-   ——- ——-   ——-   ——-   ——-

تگ “کامنت”

نحوه نمایش:

  <!–یادداشت –>

از این tag برای نوشتن توضیحات در کدها استفاده می شود.محتوای این tagها در مرورگر و برای مخاطب نمایش داده نمی شود.این توضیحات برای ویرایش کد در آینده به ما کمک می کند.

——-   ——-   ——- ——-   ——-   ——-   ——-

یک نمونه سند عادی html را در زیر مشاهده می کنید:

<Doctype!>

<html>
<head>
<title>Title of the document</title>
</head>

<body>
The content of the document……
</body>

</html>

برای کسب اطلاعات بیشتر و آشنایی بیشتر با موضوعاتی که در این مطلب به آنها اشاره شد می توانید به www.w3schools.com مراجعه نمایید.

محمدرضا احمدی نسب

محمدرضا احمدی نسب

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

تا کنون 264 نفر در کدپز ثبت نام کرده اند.

دیدگاهتان را بنویسید