تاریخ بروزرسانی : چهارشنبه 16 مرداد 1398 |
تعداد بازدید : 370 |
گروه دوره : برنامه نویسی وب |
زمان خواندن مقاله : 10دقیقه
در این مقاله قصد داریم کلیه تگ های html را برای شما عزیزان توضیح دهیم برای این منظور لیست کامل تگ ها آماده شده است امیدواریم مطالب قابل درک و کاربردی باشد با ما همراه باشید.
در این مقاله قصد داریم کلیه تگ های html را برای شما عزیزان توضیح دهیم برای این منظور لیست کامل تگ ها آماده شده است امیدواریم مطالب قابل درک و کاربردی باشد با ما همراه باشید.
قبل از اینکه به معرفی تگ ها بپردازیم می خواهیم بدانیم مفهوم تگ چیست و چه کاربرد هایی در html دارد.
تگ ها در html نقش مهمی دارند زیرا تمامی کارهای html با تگ انجام می شود.
در نوشتن تگ ها باید ساختار و اصول آن رعایت شود و ازعلامت شروع(< نام تگ>)و علامت پایان (<نام تگ/>) استفاده میشود.
۱. تگ های بلند که شروع و پایان دارند.
۲. تگ های کوتاه که شروع و پایان ندارند.
1.تگ <-...-!>
تگ کامنت برای اضافه کردن توضیحات به کد ها می باشد.
2.تگ <DOCTYPE!>
برای تعیین نوع سند و نسخه در html استفاده می شود.
3.تگ <a>
نام دیگراین تگ لینک می باشد که برای پیوند صفحه و فایل می باشد و ویژگی های آدرس صفحه یا فایل و نوع نمایش آن می باشد و مهمترین ویژگی این تگ href است.
به مثال زیر توجه کنید!
<!DOCTYPE html>
<html>
<body>
<a href="http://www.darsma.com">darsman</a>
<body/>
<html/>
4.تگ <abbr>
از این تگ برای مخفف کلمه ای استفاده می شود و به عبارت دیگر برای نمایش یک متن خلاصه شده و کوتاه استفاده می شود.
5. تگ < acronym >
این تگ هم همانند تگ <abbr> عمل می کند و برای ایجاد مخفف عنوان استفاده می شود.
6.تگ <address>
همانطور که از اسم تگ مشخص است برای نوشتن یک آدرس در متن مورد استفاده قرار می گیرد.
7. تگ <area>
کاربرد این تگ برای مشخص کردن یک ناحیه در نقشه های تصویری می باشد.
8.تگ <b>
تگb برای ضخیم کردن کلمه (Bold) به کار می رود.
9.تگ <base>
یک تگ سازنده است و یک url پایه برای تمام url های مرتبط در سند html می باشد.
10.تگ <bdo>
این تگ برای به کارگیری قلم نوشته استفاده می شود و قلم نوشته را به صورت نوشته های محیط کد نویسی در کامپیوتر نمایش می دهد.
11.تگ <big>
با استفاده از این تگ می توان نوشته در یک متن را بزرگتر نمایش دهید.
12.تگ < blockquote>
برای ایجاد یک نقل قول از آن می توان استفاده کرد.
13. تگ <body>
این تگ بدنه اصلی محتویات صفحات وب در html می باشد.
14.تگ <br>
ازاین تگ برای ایجاد یک خط جدید استفاده می شود.
15.تگ<button>
برای اضافه کردن دکمه در صفحات وب به کار گرفته می شود.
16.تگ<caption >
برای تعیین عنوان در صفحات استفاده می شود.
17.تگ <cite>
کاربرد این تگ برای قرار دادن عنوان کتاب, مقاله و برنامه به کار می رود.
18.تگ<code>
این تگ برای تعریف یک قطعه از کد کامپیوتری استفاده می شود.
19.تگ <col>
این تگ برای تنظیمات ستون استفاده میشود.
این تگ داخل تگ <colgroup> قرار می گیرد
20. تگ <colgroup>
این تگ در یک جدول یک یا چند ستون را قالب بندی می کند.
<table>
<colgroup>
<col style="background-color:green">
<col style="background-color:white">
<col style="background-color:red">
<colgroup/>
<tr>
<th>سبز<th/>
<th>سفید<th/>
<th>قرمز<th/>
<tr/>
<table/>
21.تگ < details>
از این تگ برای تعیین توضیحات برای یک موضوع می باشد و کاربر می تواند براساس نیاز خود آن را نمایان یا مخفی کند.
به عبارت دیگر این تگ یک منوی محرک است که کاربر می تواند آن را باز و بسته کند.
</details> توضیحات درون تگ<details>
22.تگ <datalist>
این تگ یک لیست از پیش تعیین شده برای یک کنترل input می باشد ودرون یک تگ form به کار می رود.
23.تگ<dd>
کاربرد این تگ در html برای توصیف یک عنوان در لیست است.
24.تگ <del>
یکی دیگر از تگ های html تگ <del > است و متنی که در سند حذف می شود را نمایش می دهد و روی متن حذف شده خط می کشد.
25.تگ<dfn>
به این تگ, تگ عبارت گفته می شود و کاربردش برای تعیین کلمه خاصی است و متن هایی که داخل این تگ قرار می گیرید مثل ایتالیک نشان می دهد.
<p> Web <dfn>darsman <dfn/> <p/>
26.تگ <dialog>
برای تعریف یک پنجره یا باکس گفتگو استفاده می شود.
27.تگ <div>
تگ div یکی دیگر از تگ های html می باشد و برای تعریف یک بخش در سند html می باشد.
28.تگ <dl>
از این تگ برای تعریف کردن لیست می باشد و این تگ با دو تگ <dd> و <dt> قابل استفاده می باشد.
29.تگ <dt>
یک نمونه دیگر تگ های html تگ dt می باشد و برای ساختن لیست های تعریفی به کار می رود و به همراه تگ dl استفاده می شود.
30.تگ <em>
کار برد این تگ برای ایتالیک نوشتن است نوسته را کج می کند.
31.تگ <embed>
یک تگ سازنده است و برای قرار دادن فیلم و صدا در سند html می باشد. این تگ یکی از تگ های جدید html5 می باشد.
32.تگ <fieldset >
از این تگ برای دسته بندی کنترل ها و تگ <label> در یک وب فرم استفاده می شود و همچنین برای ایجاد یک کارد دور تگ های مرتبط استفاده می شود.
33.تگ <form>
برای ایجاد یک فرم در سند html به کار می رود.
34.تگ <h1 تا h6>
کار برد این تگ برای ایجاد هدینگ در سند می شود و h1 بزرگترین سایز عنوان است و هرچه عدد تگ بزرگتر شود سایز عنوان کوچکتر می شود.
35.تگ <head>
اطلاعاتی کلی سند در آن قرار می گیرد و همچنین می تواند اسکریپت ها، استایل ها، اطلاعات متا در بربگیرد.
36.تگ <hr>
این تگ برای کشیدن یک خط افقی به کار میرود و با استفاده از این تگ می توان دو محتوا را در یک صفحه از هم جدا کرد.
37.تگ <html>
در واقع ساختار اصلی یک سایت را براساس کدهای html ایجاد می کند و فقط کدهایی که درون این تگ قرار دارد توسط مرور گر خوانده و اجرا می شود.
38.تگ <i>
این تگ بخشی از متن را باصدا یا حالتی متناوب تعریف می کند و متن به صورت ایتالیک می باشد و با تگ em تفاوت دارد و em برای متن تاکید شده استفاده می شود.
39.تگ <imag>
یکی دیگر از تگ های html که کار بردی می باشد تگ imag است و برای قرار دادن عکس در صفحه استفاده می شود و دارای تگ پایانی نمی باشد.
40. تگ <input>
تگ input برای ساختن کنترل ها در html به کار می رود مانند: کادر های متن,لیست های بازشو,دکمه های فرمان.... درون فرم ها استفاده می شود و درون تگ فرم قرار می گیرد.
41. تگ <ins>
این تگ برای نشان دادن یک متن جدید وارده شده در صفحه است و یک خط زیر نوشته ها می کشد.
42.<kbd>
یک تگ عبارتی است و ورودی صفحه کلید را مشخص می کند.
43.تگ <lable>
این تگ یک عنوان تعیین می کند برای تگ input
44.تگ <legend>
از این تگ برای قرار دادن یک عنوان یا یک کپشن در تگ fieldset استفاده می شود.
45.تگ <li>
برای تعریف یک آیتم در لیست به کارمی رود.
46.تگ <link>
یک تگ ارتباطی است و برای برقراری یک صفحه و یک فایل خارجی استفاده می شود.
47.تگ <map>
این تگ برای ایجاد یک نقشه تصویری مورد استفاده قرار می گیرد.
48.تگ <meta>
یکی دیگر از تگ های html که کار بردی است تگ meta می باشد و کاربردش اطلاعات کلی درباره محتويات يک صفحه برای استفاده موتورهای جستجومی باشد.
49.< noscript>
این تگ برای مرورگرهایی که script را پشتیبانی نمی کند استفاده می شود.
50. تگ < object>
از این تگ برای پیوند یک شی (فایل های صوتی و تصویری) خارجی به سند html می باشد.
51.تگ <ol>
با استفاده از این تگ می توان لیست ترتیبی ایجاد کرد.
52.تگ<optgroup>
از این تگ برای اینکه در یک لیست بتوانیم گزینه های آن را دسته بندی کنیم استفاده می شود.
53.تگ <option>
از این تگ برای تعیین یک مورد داخل یک لیست استفاده می شود.
54. تگ <p>
از این تگ برای ایجاد پاراگراف استفاده می شود.
55.تگ <param>
این تگ برای تعیین تنظیمات زمان اجرای یک شی خارجی استفاده می شود.
56.تگ <pre>
از این تگ برای نمایش متن به همان صورت اولیه به کار می رود.
57.<q>
از این تگ برای ایجاد یک نقل قول استفاده می شود.
58.تگ <samp>
کاربرد این تگ برای نمایش دادن متن مثل محیط برنامه نویسی می باشد.
59.تگ < script>
این تگ برای قرار دادن یک اسکریپت داخل سند html است.
60. تگ <small>
با استفاده کردن از این تگ باعث می شود محتویات داخل تگ کوچکتر از متن همجوار باشد.
61.تگ <span>
این تگ برای تقسیم بندی متن یک پاراگراف قطعات مجزا استفاده می شود.
62.تگ < strong>
با استفاده کردن از این تگ می توان نوشته را تو پر و ضخیم تر نمایش داد.
63.تگ <style>
برای قالب بندی تگ های html و صفحات استفاده می شود.
64.تگ <sub>
برای ایجاد یک زیر نویس در متن به کار می رود.
65. تگ <sup>
برای ایجاد یک اندیس در متن استفاده می شود.
66.تگ <table>
کاربردش برای ساختن جدول درصفحات می باشد.
67.تگ <tbody>
این تگ محتویات و بدنه ی اصلی جدول را در بر دارد.
68.تگ <td>
این تگ برای ساختن خانه جدول استفاده می شود.
69.تگ <th>
برای ایجاد سر عنوان (Header) در جدول به کار می رود.
70.تگ<title>
یکی دیگر از تگ های html که کاربردی می باشد این تگ است و برای عنوان صفحه استفاده می شود و زمانی که مرورگر را باز می کنیم در نوار عنوان نمایش داده می شود.
71.تگ <tr>
این تگ برای ایجاد سطر در جدول به کار می رود.
72.تگ <tt>
این تگ حالت خاصی به نوشته می دهد مثل حروف تلگراف به متن می باشد.
73.تگ <u>
این تگ خاصیت این را دارد که با استفاده از آن نوشته ها زیر خط دار می شوند.
74.تگ <ul>
از این تگ برای ساختن لیست های نشانه ای استفاده می شود.
75. تگ <var>
این تگ برای نمایش متن مانند محیط های برنامه نویسی استفاده می شود.
زهرا چگینیکارشناس علوم کامپیوتر گرایش نرم افزار.... من مثل یک نابغه فکر می کنم..مثل نویسنده ای ممتاز می نویسم و مثل کودکی سخن می گویم
پررقابت ترین محیط های برنامه نویسی اندروید بین اکلیپس و اندروید استودیو است اگرمیخواهید بدانید کدام قدرتمند است این مطلب رابخوانید.
ادامه مطلب
اگر میخواهید وارد دنیای برنامه نویسان تحت وب شوید اول راه هستید و نمیدانید چه زبانی انتخاب کنید این مقاله را مطالعه کنید.
ادامه مطلب
برای شروع جاوا اسکریپت بهتره که درباره آن بیشتر بدانید تا از تلاش برای یادگیری آن منصرف نشوید.
ادامه مطلب
مفهوم Abstraction یا انتزاعی سازی یکی از مباحث مهم در بحث شی گرایی است. در این نوشته سعی شده شما را با مفهوم Abstraction در جاوا آشنا کنیم.
ادامه مطلب
این مقاله درباره چگونگی پیدایش زبان برنامه نویسی HTML است که به عنوان یک زبان برنامه نویسی شناخته نمیشود. این زبان شامل یکسری دستوراتی است که…
ادامه مطلب
متا تگ های سئو توضیحاتی هستند که هر کدام از آنها عنصری متفاوت در صفحه را توضیح می دهند و به خزندگان کمک می کنند تا در باره مطالب صفحه اطلاعاتی کسب کنند به همین دلیل متا تگ ها در بهینه سازی سایت اهمیت بسیار بالایی دارند. در این نوشته لسیتی از متا تگ های مهم سئو که باعث رتبه بهتر در نتایج جستجو می شود را آماده کرده ایم.
ادامه مطلب
حتما خیلی به این فکر کرده اید که پول سازترین زبان های برنامه نویسی در ایران کدام است و یا برای کار در بازار ایران چه زبان برنامه نویسی یاد بگیریم خوب است و اینکه بازار کار زبان های برنامه نویسی در ایران کدام است
ادامه مطلب
اگرمیخواهید بدانید که پایتون در شبکه چه کاربردی دارد،پایتون سوکت چیست واگر مایلید آموزش پایتون در شبکه را یاد بگیرید این مطلب را مطالعه کنید.
ادامه مطلب
در این مقاله بررسی می شود که کوکی ها برای چه کاری استفاده می شوند و آیا امن هستند یا نه، که در ادامه انواع آنها، راه های استفاده از کوکی، دریافت یا خواندن آن، حذف کردن کوکی، محدودیت های آن، مزایا و معایب آن نیز توضیحاتی گفته می شود که امیدوارم تا حدودی مشکلات شما در بحث کوکی ها را برطرف کند.
ادامه مطلب
با ما همراه باشید تا با شناخت محیط های برنامه نویسی اندرویدی بهترین محیط را برای برنامه نویسی خود پیدا کنید.
ادامه مطلب
زبان برنامه نویسی جاوا بسیار قدرتمند و همه منظوره می باشد و تا به امروز بالغ بر 3 میلیارد دستگاه با این زبان، برنامه نویسی شده است. در آموزش مقدماتی جاوا برای اندروید نیاز است ابتدا یک کتاب را به عنوان منبع مهم مطالعه کرده و برای درک بیشتر این زبان، دوره ای به صورت رایگان برای شما فراهم کردیم.
ادامه مطلب
علاقه مندان به زبان برنامه نویسی پایتون با خواندن این مقاله با دلایل قدرت زبان پایتون آشنا می شوید
ادامه مطلب
نظر بدهید
نشانی ایمیل شما منتشر نخواهد شد .