آموزش HTML به زبان ساده | بخش اول کلیات HTML

آموزش HTML به زبان ساده

در این مطلب قصد دارم آموزش html را از صفر شروع کنم، سعی می کنم که مطالب هر پست، خیلی زیاد نباشه و بصورت دسته بندی شده باشه.

بخش اول: توضیح مختصری در مورد کلیات

خب بهتره اول یه مقدار در مورد کلیات و اصلاحات صحبت کنیم.

HTML چیست؟
عبارت HTML (اچ تی‌ام ال) مخفف Hyper Text Markup Language به معنی زبان نشانه‌گذاری ابرمتن است.

HTML یک زبان نشانه گذاری است: به این معنی که بخش‌های مختلف توسط اجزایی به نام تگ از هم جدا شده، که هر کدام دارای کاربرد و خواص مربوط خود هستند. این تگ‌ها به مرورگر اعلام می‌کنند که هر بخش از صفحه چه نوع عنصری است و باید به چه صورت نمایش داده شود.

Html زبان استاندارد طراحی صفحات وب: کلیه کدهای صفحه اعم از طرف سرور و طرف مشتری در نهایت به کدهای HTML تبدیل شده و توسط مرورگر نمایش داده می‌شوند. به عبارت دیگر مرورگر‌ها هیچکدام از کدها و کنترل‌های سمت سرور همچون کدهای asp و php را نمی‌شناسند و کد قابل فهم برای آن‌ها اچ تی‌ام ال می‌باشد. کامپایلر‌های زبآن‌های برنامه نویسی سروری در نهایت کد‌های خود را برای نمایش به کد اچ تی‌ام ال تبدیل می‌کنند و برای مرورگر می‌فرستند تا به کاربران نمایش داده شود.

تفاوت HTM و HTML:
در گذشته بدلیل اینکه پسوندها از سه کاراکتر تشکیل می‌شد، از پسوند HTM استفاده می‌شد ولی اکنون می‌تواند از پسوند HTML نیز استفاده نمود. بهتر است از پسوند HTML استفاده شود.

تگ (tag) :
از دو علامت بزرگتر و کوچکتر (<>) تشکیل شده است که بین این دو علامت نام تگ قرار می‌گیرد.

انواع تگ:
۱٫ تگ‌های با فرزند: از یک تگ شروع و یک تگ پایان تشکیل شده است.

<name> 
...
</name>

• اسلش می‌تواند آخر هم آورده شود.
• داخل این تگ، می‌توان تگ‌های دیگر استفاده کرد.

۲٫ تگ‌های بدون فرزند:

<name />

• در صورتی که فاصله و اسلش هم گذاشته نشود، جواب می‌دهد.

Properties یا خواص:
برای دادن خواص به تگ‌ها، یک فاصله گذاشته و سپس نام خصوصیت را نوشته، سپس مساوی و دابل کوتیشن و مقدار خصوصیت را داخل دابل کوتیشن می‌نویسیم.

• خصوصیت می‌تواند چند مقداری نیز باشد که با , (کاما) از هم جدا می‌شود.

<name  خصوصیت = "مقدار خصوصیت">
</name>

تگ بدون فرزند

<name  خصوصیت = "مقدار خصوصیت " />

خواص مشترک بین تگ ها:
برخی خواص، برای تمام دستورات HTML کاربرد دارد مانند:
۱٫ ID: یک شناسه عددی الفبایی منحصر به فرد است که برای مراجعه بعدی استفاده می‌شود.
۲٫ TITLE: صفت متنی است وقتی ماوس در مرورگر روی عنصر قرار می‌گیرد، آن متن ظاهر می‌شود.

• همچنین CLASS و STYLE از خواص مشترک است.

ادامه مطلب