oruji.github.io
oruji.github.ioPersian Tutorials
ایجاد: 1396/11/11 20:39 - ویرایش: 1396/11/13 21:33
A A

آموزش HTML اولین برنامه Hello World

در این آموزش از کتاب برخط، شما چگونگی و نحوه ی ایجاد یک صفحه Hello World ساده وب را خواهید آموخت. برای شروع اجازه دهید برخی از قواعد پایه HTML را توصیف کنیم.

  1. HTML مخفف Hyper Text Markup Language می باشد.
  2. HTML یک فایل متنی است که حاوی یک مجموعه از تگ های نشانه گذاری همانند (<head><body></body>) می باشد.
  3. تقریبا تمامی تگ ها دارای تگ باز و تگ بسته می باشند. تگ بسته با یک "/" شروع می شود.
  4. تگ های نشانه گذاری درست همانند یک دستور هستند که به مرورگر (Firefox، Chrome یا ...) می گوید باید چه کاری انجام دهد.
  5. فایل HTML می بایست دارای پسوند .html یا .htm باشد.
  6. HTML به حروف کوچک و بزرگ حساس نمی باشد، به عنوان مثال تگ <body> هیچ فرقی با <BODY> یا <bOdY> ندارد.
  7. این فایل ها با هر ادیتوری قابل ویرایش است، همانند notepad یا wordpad در ویندوز و یا vi یا emacs در لینوکس یا یونیکس.

مراحل ایجاد و ساخت صفحه

اجازه دهید ایجاد و ساخت اولین صفحه را شروع کنیم.

1. ویرایش گر متنی

واریش گر یا ادیتور دلخواه خود (به عنوان مثال notepad یا ...) را باز کرده، و یک فایل متنی خالی ایجاد کنید.

2. کد

کد زیر درون فایل متنی تازه ایجاد شده ی خود کپی کنید.

<html> <head> <title>This is title</title> </head> <body> Hello world </body> </html>

3. ذخیره کردن

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

4. نمایش

بعد ذخیره کردن، تنها کافی است، روی فایل ایجاد شده دوبار کلیک کنید، (یا فایل مورد نظر با یک مرورگر باز کنید)

توضیح کدهای بالا

  1. تگ های <html> و </html> به مرورگر اینترنت می گوید که فایل مورد نظر یک فایل html می باشد.
  2. متن های داخل <head> و </head> جهت اطلاعات header بوده و درون مرورگر نمایش داده نمی شود.
  3. متن های داخل <title> و </title> عنوان صفحه را مشخص می کند، که برای گوگل و موتورهای جستجوی اهمیت زیادی دارد.
  4. متن های داخل <body> و </body> محتوای اصلی قابل نمایش در مرورگر اینترنت می باشد.