آموزش HTML – قسمت اول

آموزش HTML – قسمت اول
  • 1391/2/31
  • مهرداد شکری نسب
  • 12

به نام خدا.سلام

HTML مخفف عبارت Hyper Text Markup Language زبان نمایش حاصل عملکرد سرور و مرورگر است. به زبان ساده تر زمانی که شما در مرورگر خود آدرس سایت example.com را وارد می کنید ، چند خط کد ( به نام header ) به سمت سرور سایت example.com می کنید; سرور ، در جواب به این درخواست شما ، کدهایی به سمت مرورگر شما ارسال می کند ( کد های HTML ) که این کدها توسط مرورگر شما آنالیز شده و ساختار صفحه را نمایش می دهند. منظور از ساختار صفحه ، قرار گیری متن ها ، عکس ها ، منو ها و … در جایگاه خود است. فراموش نکنید که HTML یک زبان برنامه نویسی نیست. این زبان با تگ ها نوشته و معرفی می شود.

تگ
تگ ها عباراتی هستند که با یک کاراکتر > شروع و با < به پایان می رسند. همانند کد رو به رو که یک تگ div است :

<div>
….
</div>

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

به طور کلی صفحات HTML به دو بخش <head> و <body> تقسیم می شوند. قسمت <head> برای معرفی صفحه به موتور های جستجو ، معرفی Unicode صفحه ، توضیحی درباره صفحه ، کلمات کلیدی ، نوشتن عنوان صفحه ، استایل ها ، بعضی کد های جاوا و … استفاده می شود( وظایف اصلی ) و قسمت <body> برای قرار دادن عناصر در صفحه مورد استفاده قرار می گیرد.

کد زیر نمونه یک صفحه ساده با عنوان My First Heading است :

<!DOCTYPE html>
<html>
<head>
My First Heading
</head>

<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

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

دیدگاه خود را وارد کنید
تعداد دیدگاه ها : 12 دیدگاه
    1. به روی چشم اقا مهدی. همیشه معرفی یک زبان کار ساده ای نیست. انشاءالله کمی جلوتر بریم خیلی ساده تر میشه.

  1. آموزش خوبیه.
    فقط تگ های انتهایی رو اشتباه نوشتید. باید اینجوری باشه:
    [code]
    &lt;div&gt;

    &lt;/div&gt;
    [/code]
    البته شاید شما درست نوشته باشید و به خاطر rtl بودن قالب اینجوری شده.
    بهتره داخل یک کدباکس قرار بگیره تا خوب شه!

    1. ممنونم از یادآوریتون. به روی چشم.انشاءالله در آموزش های بعدی ، کد ها را به صورت ltr قرار خواهم داد.

  2. سلام،خسته نباشین .
    عالـــیه ،من خودم این مطلب رو دنبال می کنم.
    فقط یه سوال اگه این مطالب تا آخر دنبال کنم html یاد میگیرم؟

    1. دوست من ، قصد دارم HTML رو ریز به ریز و ذره به ذره جلو برم. طوری که بعد از پایان آموزش ها بتونید یک صفحه HTML رو بدون نیاز به هیچ محیطی بسازید ( در نت پد ). اگر علاقه داشته باشید و دنبال کنید ، انشاءالله حتما یاد میگیرید.

  3. سلام
    خوشحالم که منم به این آموزش رسیدم و گله دارم که از 31 اردیبهشت تا الان چرا بعدی رو ننوشتی
    منتظر هستم
    یا علی

    1. به روی چشم مصطفی جان.
      تمام تلاش بنده اینه که آموزش هایی که آماده می کنم پخته ، ساده و قابل فهم باشه. به این علت هستش که دیر به دیر مطلب می فرستم. ضمن اینکه زندگی دانشجویی و …

  4. درود
    ای کاش می شد به هنگام نوشتن هر درس یه اطلاعیه هم می دادید.
    خیلی ممنون

  5. سلام
    من با HTML آشنايي دارم
    اگه لازم بود مي تونم در ارسال مباحث يا ويرايش يا …. كمك كنم تا اموزش سريعتر پيش بره.
    موفق باشيد

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