سایت آموزشی

» آموزش اچ تی ام ال HTML جلسه سوموبسایت آموزشی همراه آموز

امروز سه شنبه ۵ بهمن ۱۳۹۵ به همراه آموز خوش آمدید.

آموزش اچ تی ام ال HTML جلسه سوم

Learning Language HTML

[quote font_size=”12″ bgcolor=”#” color=”#000000″ bcolor=”#”]همراه آموز : با ما همراه باشید با جلسه سوم آموزش زبان طراحی صفحات وب اچ تی ام ال HTML  [/quote]

[divide icon=”square” width=”medium” color=”#”]

آموزش اچ تی ام ال HTML جلسه سوم

[divide icon=”square” width=”medium” color=”#”]

به نام خدا،سلام خدمت تمامی دوستان عزیز و محترم همراه آموز،امروز در این لحظه باشما خواهیم بود با جلسه سوم از آموزش HTML . تا پایان با ما باشید.

در این جلسه یاد خواهیم گرفت :

  • ساختار کلی دستورات HTML
  • شکل کلی یک صفحه HTML
  • اصول نوشتن دستورات HTML

ساختار کلی دستورات HTML :

هر دستور اچ تی ام ال یک تگ شروع دارد و یک تگ پایان و این دستورات در بین <> قرار میگیرند. برای مثال به دستور زیر توجه فرمایید.


در HTML دستوراتی هستند که نیاز به تگ پایانی ندارند یعنی فقط یک تگ شروع دارند و بس..برای مثال دستور زیر را درنظر داشته باشید.


دستور بالا در HTML یک خط افقی ایجاد میکند.در جلسات آینده نه تنها این دستور بلکه با دستورات دیگری آشنا خواهید شد از این دستور برای مثال استفاده کردیم.

[divide icon=”square” width=”medium” color=”#”]

شکل کلی یک صفحه HTML :

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


در اولین سطر ما <DOCTYPE html!> را نوشتیم این یعنی این فایل یا این سند یک سند یا فایل html است. (بهتر است در ابتدای فایل HTML وجود داشته باشد.)

همانطور که مشاهده مینمایید هر تگی که باز شده است در پایان بسته شده است. این قانون HTML‌ می باشد البته به جز تگ هایی که نیاز به بسته شدن ندارند.


در این قسمت عنوان صفحه را مشخص میکنیم.

[divide icon=”square” width=”medium” color=”#”]


در این قسمت دستورات مربوط به بخش هد صفحه را وارد میکنیم.. برای مثال دستورات <style> </style> که مربوط به css می باشد را در این قسمت باید وارد نماییم.

[divide icon=”square” width=”medium” color=”#”]

در این قسمت چیزی که باید در مرورگرها نمایش داده شود را باید وارد نمایید. اعم از تصاویر،متن ها،جدول ها و … در واقع هرچیزی که شما در این قسمت وارد نمایید در مرورگرها نمایش داده می شوند.

و در پایان هم تگ اصلی یعنی <html/> را میبندیم.

[divide icon=”square” width=”medium” color=”#”]

اصول نوشتن دستورات HTML :

در HTML دو نمونه تگ وجود دارد که در ابتدای این آموزش اشاره کردیم.

  1. تگ هایی که اگه باز شدند باید حتما بسته شوند. (<u></u> و <b></b> و …)
  2. تگ هایی که اگه باز شدند نیاز نیست حتما بسته شوند.(<“”=img src> و <hr> و ..)

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

برای مثال :


تکه دستور بالا متن بین تگ <u></u> را زیر خط دار میکند. در مثال بالا مشاهده مینمایید که <U> با حروف بزرگ نوشته شده است و در هنگام بستن تگ </u> با حروف کوچک نوشته شده است . پس کوچک و بزرگ بودن حروف هیچ تاثیری ندارد..

در HTML دستورات می توانند به سطرهای بعدی شکسته شوند :


در HTML میتوانید چندین تگ را در یک سطر بنویسید یا روی یک محتوا از چندین تگ استفاده نمایید.


در تکه کد بالا متن WWW.HAMOOZ.IR بصورت برجسته (بولد) شکسته (Italic) و زیر خط دار نمایش داده می شود.

[divide icon=”square” width=”medium” color=”#”]

پایان آموزش اچ تی ام ال HTML جلسه سوم

[box type=”info” bg=”#” color=”#100f0f” border=”#” radius=”2″ fontsize=”13″]آموزش HTML جلسه ی دوم را از اینجا مشاهده نمایید[/box]

بازدید : بار دسته : HTML ، آموزش طراحی وب تاريخ ارسال : ۲۱ دی ۱۳۹۵ به اشتراک بگذارید :
نظرات کاربران
    • شما حق دارید در مورد این آموزش نظر دهید،همراه آموز با افتخار نظر شما را دریافت میکند.
    • نظر شما بعد از ارسال باید توسط مدیریت همراه آموز تایید شود.
    • نظراتی که غیر مرتبط با این مطلب باشد منتشر نخواهد شد.