طراحی وب

ایجاد اولین صفحه HTML

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

از آنجا باید صفحه خود را با برچسب‌های زیر تنظیم کنید.

ساخت اولیه یک صفحه HTML

این برچسب‌ها باید در زیر یکدیگر در بالای هر صفحه HTML ایجاد شود:

  • <! DOCTYPE html> – این برچسب زبانی را که در صفحه می‌نویسید مشخص می‌کند. در این حالت، زبان HTML 5 است.
  • <html> – این برچسب نشان می‌دهد که از اینجا به بعد ما قصد داریم کد HTML بنویسیم.
  • <head> – این جایی است که تمام فراداده‌های صفحه قرار می‌گیرند؛ مواردی که بیشتر برای موتورهای جستجو و سایر برنامه‌های رایانه‌ای منظور شده‌اند.
  • <body> – در اینجاست که محتوای صفحه نوشته می‌شود.

صفحه HTMLبه این صورت است که صفحه HTML شما از نظر بصری ساختار می‌یابد.

برچسب‌های بیشتر

درون برچسب <head>، یک برچسب وجود دارد که همیشه شامل می‌شود: <title>، اما موارد دیگری نیز وجود دارد که به همان اندازه مهم هستند:

  • <title> – این جایی است که ما نام صفحه را وارد می‌کنیم که در بالای پنجره یا برگه مرورگر ظاهر می‌شود.
  • <meta> – در اینجا اطلاعات مربوط به سند ذخیره می‌شود: رمزگذاری کاراکتر، نام (متن صفحه) و توضیحات.

بیایید قسمتی از برچسب <head> را امتحان کنیم:

افزودن محتوا

سپس، برچسب <body> را ایجاد خواهیم کرد.

برچسب <body> جایی است که ما محتوایی را که برای مشاهده توسط چشم انسان طراحی شده اضافه می‌کنیم که شامل متن، تصویر، جدول، فرم و هر چیز دیگری است که هر روز در اینترنت می‌بینیم.

چگونه عناوین HTML را به صفحه وب خود اضافه کنیم

در HTML، عناوین در عناصر زیر نوشته می‌شوند:

  • <h1>
    • <h2>
      • <h3>
        • <h4>
          • <h5>
            • <h6>

همانطور که حدس زده‌اید از <h1> و <h2> باید برای مهمترین عناوین استفاده شود، در حالی که از برچسب‌های باقیمانده باید برای عنوان‌های فرعی و متن‌های کم اهمیت استفاده شود.

ربات‌های موتور جستجو هنگام رمزگشایی از مهمترین اطلاعات یک صفحه، از این ترتیب استفاده می‌کنند.

ایجاد عنوان

اجازه دهید آن را امتحان کنیم. در یک خط جدید در ویرایشگر HTML، تایپ کنید:

و ذخیره را بزنید. ما این پرونده را به عنوان “index.html” در پوشه جدیدی به نام “my webpage” ذخیره خواهیم کرد.

ما هنوز تعداد زیادی ویژگی عالی داریم که می‌توانیم به صفحه اضافه کنیم که در دروس آتی به آن خواهیم پرداخت.

منبع: HTML.com

فرشید نوتاش حقیقت

همیشه نیازمند یک منبع آموزشی فارسی در حوزه نرم‌افزارهای آزاد/ متن‌باز و سیستم‌عامل گنو/لینوکس بودم. از این رو این رسالت رو برای خودم تعریف کردم تا رسانه «محتوای باز» رو بوجود بیارم.

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

این سایت از اکیسمت برای کاهش هرزنامه استفاده می کند. بیاموزید که چگونه اطلاعات دیدگاه های شما پردازش می‌شوند.

همچنین ببینید
بستن
دکمه بازگشت به بالا