به دوره آموزش HTML5 خوش آمدید! HTML مخفف Hyper Text Markup Language می باشد، و برای ایجاد ساختار صفحات وب استفاده می شود.
بر خلاف زبان های اسکریپتی یا برنامه نویسی که برای اجرای عملیات از اسکریپت استفاده می کنند، یک markup language از تگ ها برای تعریف محتوا استفاده می کند. در اینجا یک مثال از تگ HTML که ساده ترین دستور کدنویسی است، وجود دارد:
<p> I'm a paragraph </p>
<p> بخش آغازین تگ و <p/> بخش پایانی تگ می باشد. دقت کنید که در بخش پایانی اسلش (/) به کار رفته است. برای ایجاد پاراگراف در html از تگ p یا ( <p> ) استفاده می شود (مخفف Paragraph).
هرفردی که خواهان برنامه نویسی برای وب می باشد؛ باید زبان HTML را فرا بگیرد.
تگ <html>
ساختار یک فایل html شبیه به ساختار یک ساندویچ است. همانطور که یک ساندویچ دو تکه نان در دو طرف خود دارد؛ فایل html نیز دارای تگ آغازین و پایانی html می باشد، که دیگر بخش ها را احاطه می کند. در زیر تگ آغازین و پایانی html را می بینیم:
<html> ... </html>
تگ <head>
این تگ درون تگ html نوشته می شود. تگ head نیز دارای تگ آغازین و پایانی می باشد، که شامل المان های غیرقابل دیدن در html بوده و به کارکرد صفحه وب کمک می کند. جایگاه قرارگیری تگ head به صورت زیر می باشد:
<html> <head>...</head> </html>
در مورد المان head بعداً بحث می شود.
تگ <body>
به دنبال تگ head تگ body می آید. کل المان های قابل مشاهده در داخل تگ body می آیند. سرفصل ها، پاراگراف ها، لیست ها، تصاویر و لینک ها فقط تعدادی از المان هایی هستند که می توانند درون تگ body قرار بگیرند. ساختار پایه ای HTML:
<html> <head> <head/> <body> This is a line of text </body> </html>
فایل HTML
فایل های HTML فایل های متنی هستند، بنابراین شما می توانید، از هر برنامه ویرایشگر متنی برای ایجاد صفحه وب استفاده کنید. تعدادی ویرایشگر بسیار خوب برای HTML در دسترس هست. شما می توانید برای کار کردن یکی از آن ها را انتخاب کنید. ما در اینجا از برنامه Notepad استفاده می کنیم. توجه داشته باشید که برنامه word پردازشگر متن است نه ویرایشگر و نمی توان از آن برای نوشتن صفحات وب استفاده کرد.
شما می توانید بدون نصب کردن هیچ نرم افزار دیگری کدهای HTML را در این برنامه بنویسید و سپس برنامه را ذخیره و اجرا کرده و به اشتراک بگذارید. بعد از اینکه کد را در برنامه notepad نوشتید باید فایل را ذخیره کنید. به این صورت که از نوار منو در بالای صفحه بر روی منوی file کلیک کرده و گزینه save را انتخاب می کنیم. پسوند اسم فایلی که می خواهیم آن را ذخیره کنیم باید html یا htm باشد.
همچنین در قسمت Encoding باید گزینه UTF-8 را انتخاب کنیم و سپس ذخیره کنیم. به تصویر زیر دقت کنید:
وقتی فایل ذخیره شده را باز می کنیم نتیجه شبیه به تصویر زیر در مرورگر نمایش داده می شود:
دیدگاه بگذارید