توضیحات کد های HTML
23 مرداد 1401
کد های HTML
در این بخش می خواهم به توضیح و آموزش هر یک از تگ های اچ تی ام ال بپردازم.
لازم به ذکر است تگ هایی که یک بار باز و بسته شده اند content و تگ هایی که یک تگ بیشتر نیستند single می باشند.
[button style=”btn-success btn-lg” icon=”glyphicon glyphicon-arrow-down” align=”left” type=”link” target=”true” title=”دانلود فایل این مقاله” link=”https://k1z.me/wp-content/uploads/2022/08/کد-های-HTML.pdf” linkrel=””]
ردیف |
نام تگ |
توضیحات تگ |
نوع نمایش تگ |
صفت های اجباری (attribute) |
صفت های غیر اجباری (attribute) |
| ۱ | <html>
</html> |
تگ اصلی اچ تی ام ال
که تمامی این تگ ها درون آن قرار می گیرند. |
block | Style برای نوشتن کد های سی اس اس | |
| ۲ | <head>
</head> |
این تگ در بر گیرنده تمامی تگ های کنترلی صفحه می باشد از جمله
تگ تایتل تگ استایل (کد های سی اس اس) تگ اسکریپت ها لینک دهی ها و … |
block | Style برای نوشتن کد های سی اس اس | |
| ۳ | <body>
</body> |
این تگ در برگیرنده تمامی تگ های نمایشی درون صفحه می باشد و اکثر کار شما برای طراحی صفحه درون این تگ قرار می گیرد. | block | Style برای نوشتن کد های سی اس اس | |
| ۴ | <title>
</title> |
در این قسمت نامی که بالای درون نام بروزر قرار می گیرد نوشته می شود. | – | Style برای نوشتن کد های سی اس اس | |
| ۵ | <p>
</p> |
تگ پاراگراف بوده و تمامی متن های درون صفحه در این تگ نوشته می شود. | block | Style برای نوشتن کد های سی اس اس | |
| ۶ | <pre>
</pre> |
این تگ متن های مربوطه را با همان استایلی که کپی شده است در دنیای وب نشان می دهد قابل به ذکر است که در این متن ساختار با متن به همراه خواهد بود و اگر شما اینتر نیز بزنید اینتر بر روی خط اعمال شده و به خط بعد می رود. | block | Style برای نوشتن کد های سی اس اس | |
| ۷ | <h1>
</h1> |
برای استفاده از تیتر به کار می رود بزرگ ترین تیتر نیز می باشد. | block | Style برای نوشتن کد های سی اس اس | |
| ۸ | <h2>
</h2> |
برای استفاده از تیتر به کار می رود و سایز آن به نسبت به تیتر قبلی کوچک تر می باشد. | block | Style برای نوشتن کد های سی اس اس | |
| ۹ | <h3>
</h3> |
برای استفاده از تیتر به کار می رود و سایز آن به نسبت به تیتر قبلی کوچک تر می باشد. | block | Style برای نوشتن کد های سی اس اس | |
| ۱۰ | <h4>
</h4> |
برای استفاده از تیتر به کار می رود و سایز آن به نسبت به تیتر قبلی کوچک تر می باشد. | block | Style برای نوشتن کد های سی اس اس | |
| ۱۱ | <h5>
</h5> |
برای استفاده از تیتر به کار می رود و سایز آن به نسبت به تیتر قبلی کوچک تر می باشد. | block | Style برای نوشتن کد های سی اس اس | |
| ۱۲ | <h6>
</h6> |
برای استفاده از تیتر به کار می رود و سایز آن به نسبت به تیتر قبلی کوچک تر می باشد. | block | Style برای نوشتن کد های سی اس اس | |
| ۱۳ | <b>
</b> |
برای زخیم تر نوشتن متن ها به کار می رود. | inline | Style برای نوشتن کد های سی اس اس | |
| ۱۴ | <i>
</i> |
برای کج نوشتن متن ها به کار می رود. | inline | Style برای نوشتن کد های سی اس اس | |
| ۱۵ | <strong>
</strong> |
برای زخیم تر نوشتن متن ها به کار می رود (توصیه می گردد برای زخیم سازی متن از این تگ استفاده گردد.) | inline | Style برای نوشتن کد های سی اس اس | |
| ۱۶ | <em>
</em> |
برای کج تر نوشتن متن ها به کار می رود (توصیه می گردد برای زخیم سازی متن از این تگ استفاده گردد.) | inline | Style برای نوشتن کد های سی اس اس | |
| ۱۷ | <sub>
</sub> |
برای نوشتن محتوا پایین تر از محتوای قبل خود (به صورت اندیس) مورد استفاده قرار می گیرد. |
inline | Style برای نوشتن کد های سی اس اس | |
| ۱۸ | <sup>
</sup> |
برای نوشتن محتوا بالا تر از محتوای قبلی خود به کار می رود. نوشتن به صورت توان | inline | Style برای نوشتن کد های سی اس اس | |
| ۱۹ | <del>
</del> |
برای خط زدن بر روی محتوا استفاده می شود. | inline | Style برای نوشتن کد های سی اس اس | |
| ۲۰ | <a>
</a> |
برای تبدیل محتوا به لینک از این تگ استفاده می گردد.
یکی از پر کاربرد ترین تگ های اچ تی ام ال می باشد. |
inline | Href قراردادن لینگ | Style برای نوشتن کد های سی اس اس
rel=nofollow دنبال نکردن لینک توسط موتور های جستجوگر Target=_blank باز کردن لینک در تب جدید |
| ۲۱ | <img /> | برای اضافه کردن تصویر به صفحه استفاده می شود. | inline | Src تعیین محل تصویر | Style برای نوشتن کد های سی اس اس
Width عرض تصویر Height طول تصویر Alt متن جایگزین تصویر (سئو تصاویر) |
| ۲۲ | <br/> | برای بردن محتوا ها به خط بعد مورد استفاده قرار می گیرد. | block | Style برای نوشتن کد های سی اس اس | |
| ۲۳ | <hr/> | افزودن یک خط افقی در صفحه | block | Style برای نوشتن کد های سی اس اس | |
| ۲۴ | <div>
</div> |
برای بخش بندی کد ها و دسته بندی آنها مورد استفاده قرار می گیرد. | block | Style برای نوشتن کد های سی اس اس | |
| ۲۵ | <span>
</span> |
برای انتخاب بخشی از متن مورد استفاده قرار می گیرد. | inline | Style برای نوشتن کد های سی اس اس | |
| ۲۶ | <ul>
</ul> |
برای ساخت لیست غیر منظم استفاده می شود. | block | Style برای نوشتن کد های سی اس اس | |
| ۲۷ | <ol>
</ol> |
ساخت لیست منظم | block | Style برای نوشتن کد های سی اس اس | |
| ۲۸ | <li>
</li> |
هر یک از آیتم های لیست | inline | Style برای نوشتن کد های سی اس اس | |
| ۲۹ | <marquee>
</marquee> |
این تگ منقضی شده است.
متن را در افق به تحرک در میاورد. |
block | Style برای نوشتن کد های سی اس اس | |
| ۳۰ | <table>
</table> |
برای ساخت جدول از این تگ استفاده می شود. | block | Style برای نوشتن کد های سی اس اس | |
| ۳۱ | <thead>
</thead> |
برای ساخت هدر جدول مورد استفاده قرار می گیرد. | block | Style برای نوشتن کد های سی اس اس | |
| ۳۲ | <tbody>
</tbody> |
برای ساخت بدنه جدول مورد استفاده قرار می گیرد. | block | Style برای نوشتن کد های سی اس اس | |
| ۳۳ | <tr>
</tr> |
برای ساخت هر ردیف جدول مورد استفاده قرار می گیرد. | block | Style برای نوشتن کد های سی اس اس | |
| ۳۴ | <td>
</td> |
محتوای هر یک از خانه های جدول | inline | Style برای نوشتن کد های سی اس اس |
ارسال شده در آموزش HTML, برنامه نویسی, طراحی وب سایت