آموزش HTML 5

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

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

شروع

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

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

 

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

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

 

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

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

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

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

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

<!DOCTYPE html>
<html lang="en">
<head>
    <title>یک سند HTML ساده</title>
</head>
<body>
    <p>سلام دنیا!<p>
</body>
</html>

 

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

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

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

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

 

توضیح کد

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

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

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

در صورتی که سوال و یا نظری دارید، از بخش نظرات با ما در میان بگذارید.

خبـرنــامه

Newsletters

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

شما چه نظر و یا سوالی درباره این نوشته دارید؟

مبحث آموزشی

آموزش HTML 5

Learn HTML 5

سرفصل ها

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

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

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

https://telegram.me/softskill_ir

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

خبـرنــامه

Newsletters

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

کلیک کنید و سوالات خود را از ما بپرسید
لطفا فرم سوال را پر کنید

سوال شما با موفقیت ثبت شد. برای اینکه بتوانیم به شما اطلاع رسانی کنیم، موارد زیر را وارد کنید:

لطفا چند لحظه منتظر بمانید ...