شنبه ۳۱ شهريور ۱۴۰۳
Tut24 آموزش برنامه نویسی و مجله تخصصی فناوری ورود/عضویت

آموزش HTML - ساخت اولین صفحه وب

راه اندازی یک محیط توسعه HTML بسیار ساده است . در اینجا یک راهنمای گام به گام ساده برای شما آماده کرده ایم:

  1. یک ویرایشگر متن را انتخاب کنید: به عنوان یک مبتدی، می توانید با یک ویرایشگر متن ساده مانند Notepad (ویندوز) یا TextEdit (Mac) شروع کنید. این ویرایشگرهای متن از قبل روی رایانه شما نصب شده اند و استفاده از آنها آسان است.

  2. یک مرورگر وب نصب کنید: می توانید از هر مرورگر وب مدرن مانند Google Chrome، Mozilla Firefox یا Microsoft Edge استفاده کنید. دانلود و استفاده از این مرورگرها رایگان است.

  3. ایجاد یک پوشه پروژه: یک فولدر جدید در رایانه خود ایجاد کنید و نام آن را چیزی مرتبط مانند "myproject" بگذارید. این پوشه مکانی خواهد بود که تمام فایل های HTML خود را در آن ذخیره خواهید کرد.

  4. ایجاد یک فایل HTML: ویرایشگر متن خود را باز کنید و یک فایل جدید ایجاد کنید. فایل را با پسوند html در پوشه "myproject" ذخیره کنید. شما می توانید نام فایل را هر چیزی که دوست دارید بگذارید.

  5. شروع به نوشتن کد HTML: در فایل HTML خود، شروع به نوشتن کد HTML خود کنید. می توانید HTML را از کدهای آموزشی موجود در درس های همین آموزش کپی کنید یا این که با آموخته های خود کد های خود را بنویسید

  6. کد HTML خود را تست کنید: به مکانی که فایل HTML خود را در آن ذخیره کرده اید برویدو فایل خود را با مرورگر وب باز کنید

با دنبال کردن این مراحل، می توانید یک محیط توسعه پایه HTML راه اندازی کنید و شروع به ساخت اولین پروژه های HTML خود کنید. در ادامه مطلب با جزئیات بیشتری ساخت اولین صفحه HTML را خواهیم آموخت

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

ایجاد اولین سند HTML شما آسان است. در اینجا یک راهنمای گام به گام برای کمک به شما برای شروع آمده است:

  1. باز کردن یک ویرایشگر متن: یک ویرایشگر متن ساده مانند Notepad (ویندوز) یا TextEdit (Mac) را در رایانه خود باز کنید.

  2. ایجاد یک فایل جدید: در ویرایشگر متن خود، با انتخاب «File» > «New» از منو، یک فایل جدید ایجاد کنید.

  3. ذخیره فایل: با انتخاب «File» > «Save As» از منو، فایل را با پسوند html ذخیره کنید. به فایل نامی مانند "myfirstdocument.html" بدهید و مطمئن شوید که پسوند فایل .html است.

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

<!DOCTYPE html>
<html>
  <head>
    <title>اولین سند HTML من</title>
  </head>
  <body>
    <h1>به وبسایت من خوش آمدید!</h1>
    <p>این اولین سند HTML من است.</p>
  </body>
</html>

این کد یک سند HTML پایه با عنوان و یک پاراگراف ایجاد می کند.

  1. ذخیره و مشاهده فایل: فایل HTML خود را ذخیره کرده و با دوبار کلیک کردن روی فایل آن را در یک مرورگر وب باز کنید. شما باید عنوان و پاراگراف نمایش داده شده در مرورگر را ببینید.

تبریک می گویم! شما اولین سند HTML خود را ایجاد کرده اید. می توانید با افزودن عناصر بیشتر به سند خود و آزمایش با برچسب ها(tags) و ویژگی های(attributes) مختلف HTML به یادگیری HTML ادامه دهید.

  بررسی اجمالی - درس قبلی
درس بعدی - تگ های اصلی