آموزش HTML – معرفی HTML (جلسه دوم)
معرفی زبان HTML
عبارت HTML مخفف (Hyper Text Markup Language) است. Htmlزیان استاندارد طراحی وب است و کلیه کدهای صفحه چه از طرف سرور و چه طرف مشتری در نهایت به کدهای HTML تبدیل می شود و توسط مرورگر نمایش داده میشود.
HTML یک زبان نشانه گذاری است، به این معنی که بخش های مختلف توسط اجزایی به نام تگ از هم جدا میشوند. هر کدام کاربرد مربوط به خود را دارد. این تگ ها به مرورگر اعلام میکند که هر بخش از صفحه چه نوع عنصری است و باید چه صورت نمایش داده شود.
در یک صفحه HTML میتوان انواع عناصر از قبیل متن، تیتر، عکس ، جدول ، و… را قرار داد، که برای هر عنصر بایداز تگ مربوط به آن استفاده کرد. صفحات HTML فقط از کدها که به صورت متن هستند تشکیل شده اند.
تگ ها در HTML
تگ های HTML برای نشانه گذاری محتوای صفحات بکار می روند و باعث می شوند که مرورگر بتواند تشخیص دهد هر بخش چه عنصری است. هر تگ HTML ، یک بخش ابتدایی و یک بخش انتهایی دارد که باید همنام باشند و به صورت استاندارد طبق کد زیر نوشته شوند.
<تگ ابتدا> ... محتویات ... </تگ انتهایی> Example: <label> ........ </label>
تگ اول یا تگ ابتدایی مشخص کننده آغاز تگ و تگ انتهایی ، مشخص کننده اتمام تگ است. هر تگ HTML ، باید حتما در ادامه توسط تگ پایانی بسته شود ، به غیر از چند تگ مثل تگ <img> که در ادامه آن ها را معرفی می کنیم نیاز به نگ پایانی ندارند. کلیه نوشته ها و تگ های دیگری که در بین دو تگ ابتدا و انتها قرار میگیرند، محتویات تگ را تشکیل میدهند.
خواص تگ های HTML
هر تگ دارای مجموعه از خواص است که ویژگی های مختلف آنها را تعیین میکند. هر یک از این خواص را میتوان در درون تگ ایتدایی معرفی و مقدار دهی کرد.
برای مثال تگ <table> دارای خاصیتی به نام border است، که باعث ایجاد کادر یا حاشیه در جدول میشود. نحوه تعریف آن هم به شرح زیر است.
<table border=”1”> محتویات </table>
نکته: باید بین خاصیت و مقدار علامت = قرار داده شود و همچنین مقدارها باید بین علامت ” ” قرار بگیرند.
نکات مهم
1- تگ های HTML نسبت به بزرگ و کوچک بودن حروف حساس نیستند ، یعنی تگ های <b> یا <B> برابر هستند.
2- می توان یک تگ را در تگ ابتدایی نیز بست. برای این کار از علامت / در آخر تگ ابتدایی و بعد از نام تگ و خواص استفاده میکنیم. در این حالت دیگر نمی توان متن یا تگ دیگری را به عنوان محتویات برای آن تگ در نظر گرفت.
توجه: کاربرد روش 2 برای تگ هایی مثل <tr> , <td> , <table> و … امکان پذیر نیست.
Example
<br/> <input type=”text” name=”firstname” />
- هر تگ HTML محتویات درون خود را تحت تاثیر قرار می دهد. برای مثال تگ <b> برای توپر کردن (bold) نوشته به کار می رود و چناچه متنی بین تگ باز و بسته <b> قرار بگیرد ، توپر می شود
جلسه اول آموزش HTML را اینجا به پایان می رسونیم.
