بخش های اصلی

آموزش HTML 5

آموزش HTML - شروع کنیم

 فایل HTML یک فایل متنی ساده است که با پسوند .html یا .htm ذخیره می شود (بعنوان مثال با تغییر پسوند .txt)

شروع

در این بخش خواهید دید که ایجاد یک فایل متنی HTML (مثلاً یک صفحه ی وب) چقدر ساده است . برای شروع کدنویسی با HTML به دو چیز نیاز دارید: یک ویرایشگر ساده متنی و یک مرورگر وب.

خب، اجازه دهید یکراست آموزش را شروع کنیم.

ایجاد اولین فایل HTML

از طریق مراحل زیر کار را شروع می کنیم. در پایان این آموزش فایل HTML ای خواهید ساخت که کلمه ی “Hello world” را در مرورگر وبِ شما نشان دهد.

مرحله 1: ایجاد فایل HTML

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

نکته: پیشنهاد می کنیم که فقط از ساده ترین ویرایشگرهای متنی مانند Notepad (تحت ویندوز) و TextEdit (تحت Mac) استفاده کنید. زمانیکه اصول اولیه را فراگرفتید ممکن است از ابزارهای پیشرفته تری مانند Dreamweaver نیز استفاده کنید.

مرحله 2: نوشتن مقداری کد های HTML

با یک پنجره ی خالی شروع کنید و کد های زیر را بنویسید:




    A simple HTML document

Hello World! 

قدم سوم: ذخیره (Save) کردن فایل

حالا فایل را با نام “myfirstpage” روی صفحه دسکتاپ تان ذخیره کنید.

نکته: نوشته پسوند “.html” مهم است – بعضی از ویرایشگرها مثل Notepad بطور خودکار فایل را با پسوند “.txt” ذخیره می کنند.

برای باز کردن فایل در مرورگر، به مسیری که فایل را در آن ذخیره کرده اید رفته و روی آن دابل کلیک (double click) کنید. (اگر باز نشد، مرورگر را باز کرده و فایل را داخل آن بکشید (drag).)

توضیح کد

ممکن است به این فکر کنید که معنی و مفهوم کدهای بالا چیست. خب، آن را به شما توضیح می دهیم می دهیم.

  • اعلان DOCTYPE – این خط نوع فایل HTML5 را مشخص می کند.
  • اعلان بخش header (احاطه شده توسط عنصر HEAD) – اطلاعاتی راجع به فایل، مثل عنوان، اطلاعات ظاهری (style) و اسکریپت ها (scripts) فراهم می آورد.
  • بدنه ی فایل (احاطه شده توسط عنصر BODY) – این عنصر اطلاعات اصلی فایل را شامل می شود که توسط مرورگر ترجمه و تفسیر شده و به کاربر نمایش داده می شود.

در بخش بعدی درمورد عناصر مختلفی از فایل های HTML خواهید آموخت. پیشنهاد می کنیم هر چیزی که در این جا یاد می گیرید را آزمایش کنید.

مبحث آموزشی

آموزش HTML 5

Learn HTML 5

پرســیدن سؤال جدید

سؤال های تخصصی خود را از ما بپرسید

تبلیغات

دنبال کردن تلگرام کانال سافت اسکیل

https://telegram.me/softskill_ir

آخرین مقالات

عملیات کاربران

خبـرنــامه

Newsletters

در خبــرنـامه سافت اسکیل عضو شویــد تا جدیدترین هـای سایت را بلافاصله در ایمیل خـود دریافت کنیـد