اول از همه، شما باید ویرایشگر HTML خود را باز کنید، جایی که یک صفحه سفید تمیز برای نوشتن کد خود پیدا خواهید کرد.
از آنجا باید صفحه خود را با برچسب‌های زیر تنظیم کنید.
ساخت اولیه یک صفحه HTML
این برچسب‌ها باید در زیر یکدیگر در بالای هر صفحه HTML ایجاد شود:
- <! DOCTYPE html> – این برچسب زبانی را که در صفحه می‌نویسید مشخص می‌کند. در این حالت، زبان HTML 5 است.
- <html> – این برچسب نشان می‌دهد که از اینجا به بعد ما قصد داریم کد HTML بنویسیم.
- <head> – این جایی است که تمام فراداده‌های صفحه قرار می‌گیرند؛ مواردی که بیشتر برای موتورهای جستجو و سایر برنامه‌های رایانه‌ای منظور شده‌اند.
- <body> – در اینجاست که محتوای صفحه نوشته می‌شود.
به این صورت است که صفحه HTML شما از نظر بصری ساختار می‌یابد.
برچسب‌های بیشتر
درون برچسب <head>، یک برچسب وجود دارد که همیشه شامل می‌شود: <title>، اما موارد دیگری نیز وجود دارد که به همان اندازه مهم هستند:
- <title> – این جایی است که ما نام صفحه را وارد می‌کنیم که در بالای پنجره یا برگه مرورگر ظاهر می‌شود.
- <meta> – در اینجا اطلاعات مربوط به سند ذخیره می‌شود: رمزگذاری کاراکتر، نام (متن صفحه) و توضیحات.
بیایید قسمتی از برچسب <head> را امتحان کنیم:
|
1 2 3 4 5 6 |
<head> <title>My First Webpage</title> <meta charset="UTF-8"> <meta name="description" content="This field contains information about your page. It is usually around two sentences long.">. <meta name="author" content="Conor Sheils"> </header> |
افزودن محتوا
سپس، برچسب <body> را ایجاد خواهیم کرد.
برچسب <body> جایی است که ما محتوایی را که برای مشاهده توسط چشم انسان طراحی شده اضافه می‌کنیم که شامل متن، تصویر، جدول، فرم و هر چیز دیگری است که هر روز در اینترنت می‌بینیم.
چگونه عناوین HTML را به صفحه وب خود اضافه کنیم
در HTML، عناوین در عناصر زیر نوشته می‌شوند:
<h1><h2><h3><h4><h5><h6>
همانطور که حدس زده‌اید از <h1> و <h2> باید برای مهمترین عناوین استفاده شود، در حالی که از برچسب‌های باقیمانده باید برای عنوان‌های فرعی و متن‌های کم اهمیت استفاده شود.
ربات‌های موتور جستجو هنگام رمزگشایی از مهمترین اطلاعات یک صفحه، از این ترتیب استفاده می‌کنند.
ایجاد عنوان
اجازه دهید آن را امتحان کنیم. در یک خط جدید در ویرایشگر HTML، تایپ کنید:
|
1 |
<h1>Welcome to My Page</h1> |
و ذخیره را بزنید. ما این پرونده را به عنوان “index.html” در پوشه جدیدی به نام “my webpage” ذخیره خواهیم کرد.
ما هنوز تعداد زیادی ویژگی عالی داریم که می‌توانیم به صفحه اضافه کنیم که در دروس آتی به آن خواهیم پرداخت.
منبع: HTML.com
