خانه / آموزش برنامه نویسی / html / آموزش html-بخش اول

آموزش html-بخش اول

download

بخش دانش و فناوری سایت مسجدالرضا(ع) با هماهنگی مدیریت سایت،بخش جدیدی را بر عهده گرفته است.من در این بخش  قصد دارم که آموزش زبان های برنامه نویسی ای را که یادگرفته ام را به شما عزیزان آموزش دهم.

زبان html زبان برنامه نویسی سایت ها و وب های اینترنتی است.شرکت سازنده ی این زبان تا کنون ۵ نسخه از آن را به بیرون عرضه کرده است که به ترتیب عبارتند از:HTLM1 ، HTML2 ، HTML3 ، HTML4  و HTML5

این زبان ها تفاوت های زیادی نسبت به هم ندارد و تنها تگ هایی(برچسب هایی)از آن ها فرق می کند.پس اگر شما زبان HTML 1 را فراگیرید هیچ تفاوتی با زبان HTML5 ندارد.


خب بریم سراغ آموزش:

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

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

توجه:

  • تمامی تگ های HTML بین دو <> قرار میگیرد و در صورتی که بین این دو نباشد خوانده نمی شود
  • بعضی از تگ های HTML هم کد آغازین دارند و هم کد پایانی
  • این زبان به بزرگی و کوچکی حروف حساس نمی باشد و هیچ فرقی نمی کند که شما با حروف بزرگ انگلیسی بنویسید یا کوچک

زبان HTML دارای چند تگ اصلی می باشد.این تگ ها را با توضیحات در زیر میبینید:

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

TITLE

این تگ با <TITLE/> بسته می شود و هر آنچه بین این دو تگ باشد در بالا نمایش داده می شود.مثال:

<HTML>

<TITLE/>masjedoreza.ir<TITLE>

<HTML/>

ما این کد را در note pad ویندوز نوشته و آن را با فرمت html. ذخیره می کنیم.

سپس بر روی فایل ذخیره شده کلیک می کنیم تا باز شود.

این صفحه به صورت زیر نمایش داده می شود:

Untitled

تگ <head>:

هر آنچه که در بین تگ آغازین و پایانی باشد نمایش دهنده ی سرآغاز سایت یا هدر سایت می باشد

مثال:

head

تگ <body>:

هر انچه که بین این تگ آغازین و پایانی باشد ستون ها و تمامی موارد موجود در صفحه را نمایش می دهد.

مثال:

body

این سه تگ،تگ های اصلی سایت و تشکیل دهنده ی آن هستند.

توجه:

ساخت قالب و صفحات html به خلاقیت و صرف مدت زمان شما برای ساخت آن می باشد


در صورت داشتن سوال با ما در تماس باشید

technology@masjedoreza.ir

درباره ی ali narvan

پاسخ دهید

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