آموزش HTML - جلسه دوم
سلام دوستان؛ در جلسه اول آموزش به بررسی اهداف آموزش در مقدمه آن پرداختیم؛ سپس با معرفی و ذکر مهم‌ترین ویژگی‌های HTML شروع به پیشبرد آموزش کردیم. در نهایت هم با بررسی عملکرد مرورگر‌های اینترنتی و نیز نسخه‌های (Version) مختلف زبان HTML جلسه اول را به پایان رساندیم.
در این جلسه نیز همانند جلسه قبل آموزش را از پایه‌ای ترین مطالب پی می‌گیریم؛ با ما همراه باشید.
دستور <DOCTYPE!> و کاربرد آن:
در جلسه قبل به بررسی نسخه‌های ارائه شده از زبان HTML از ابتدای ایجاد آن تا زمان حال پرداختیم. همان‌طور که زمان می‌گذرد و بشر در حال پیشرفت است، علوم گوناگون نیز همراه با بشریت در حال پیشرفت و بهبود است و در این میان اینترنت و فضای مجازی پیشترین سهم پیشرفت را در پیشبرد این اهداف داشته است. پس برای بهبود هرچه بیش‌تر روند این پیشرفت لازم است تا بستر مناسب برای رواج اطلاعات، هرچه بهتر فراهم باشد.
زبان HTML که زبان اینترنت و بستر ارائه اطلاعات در قالب صفحات وب است نیز، پیشرفت شگرفی در این زمینه داشته و در بازه زمانی به نسبت کوتاهی پله‌های ترقی را، هرچه سریع‌تر طی کرده است. از آن‌جایی که تفاوت‌هایی از نظر ویژگی در نسخه‌های متفاوت این زبان وجود دارد باید راهی پیش‌بینی شود تا به‌وسیله آن مشخص نمود که در ساخت یک صفحه وب از چه نسخه‌ای از زبان HTML استفاده شده‌است تا مرورگر‌های اینترنتی خود را با آن نسخه بهینه سازی کرده و بهترین نتیجه را به کاربران ارائه کنند.
دستور <DOCTYPE!> به این منظور تعریف شده است. به‌وسیله این دستور ساده می‌توان مشخص کرد که از کدام نسخه از HTML در طراحی صفحات وب استفاده شده است.
متداول ترین دستورهای اعلان نسخه HTML استفاده شده در یک سند وب به شرح ذیل است:
HTML5
HTML 4.01
"http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
چند نکته مهم در رابطه با دستور اعلان <DOCTYPE!>:
- این دستور اعلان را در ابتدای سند HTML خود و بالاتر از تگ باز <html> قرار دهید.
- دستور <DOCTYPE!> یک تگ HTML نیست بنابراین چیزی تحت عنوان تگ بسته هم ندارد؛ این دستور روشی است جهت فهماندن به مرورگر اینترنتی که سند HTML ما با چه نسخه‌ای از HTML نوشته شده است.
- دستور <DOCTYPE!> به حروف بزرگ و کوچک حساسیت ندارد. (<DOCTYPE!> یا <doctype!>)
نوشتن دستورات HTML به وسیله ویرایشگرهای متفاوت:
شما می‌توانید برای نوشتن دستورات HTML از ویرایشگرهای متفاوتی استفاده کنید. این ویرایشگر متن می‌تواند به سادگی NotePad ویندوز، به راحتی ++NotePad یا به کیفیت Adobe dreamweaver باشد.
به هرحال انتخاب با شماست. پیشنهاد ما در ابتدای کار ویرایشگر NotePad ویندوز یا نهایتا ++NotePad است. زیرا هرچه محیط کار ساده‌تر باشد تمرکز شما بر یادگیری مطالب اصلی بیش‌تر است.
بهتر است همین الان دست به کار شوید و اولین سند HTML خود را به وسیله NotePad ایجاد کنید. برای این‌کار دستورات زیر را در NotePad ویندوز خود تایپ کنید:
<!DOCTYPE>
<html>
<head>
<title>اولین سند شما</title>
</head>
<body>
<h1>سلام خوش آمدید</h1>
<p>این یک پاراگراف است. این اولین نوشته شماست. شما در آینده با کاربرد تگ‌ها در زبان HTML کاملا آشنا خواهید شد. پس نگران نباشید اگر کمی سردرگم هستید! با تشکر</p>
</body>
</html>
حال از منوی File گزینه Save as را انتخاب کنید و طبق تصویر زیر تنظیمات را جهت ذخیره سند خود با پسوند HTML اعمال کنید:
در جلسه بعدی آموزش به بررسی تگ‌های مورد استفاده در زبان HTML خواهیم پرداخت و کاربرد هریک را شرح خواهیم داد.