آموزشگاه تخصصی html

مرجع آموزش تکمیلی html

آموزشگاه تخصصی html

مرجع آموزش تکمیلی html

ساختار Tag ها در HTML

Tag ها در HTML را می توان به همان دستورات در برنامه های برنامه نویسی تشبیه کرد .

Tag ها از 3 قسمت تشکیل می شوند :

1-                علامت کوچکتر ( > )

2-                نام Tag

3-                علامت بزرگتر ( < )

  • Tag های جفتی :

Tag ها معمولا جفتی به کار می روند و ساختار جدیدی به نام عنصر (Element) را تشکیل می دهند . هر Tag دارای یک قسمت آغازین و یک قسمت پایانی می باشد که در هر دو قسمت نام Tag نوشته می شود با این تفاوت که در قسمت پایانی قبل از نوشتن نام Tag از اسلش ( / ) استفاده می شود . محتوای Tag (که می تواند یک متن ساده ، یک یا چند عنصر دیگر و یا خالی باشد) مابین قسمت آغازین و قسمت پایانی قرار می گیرد .

<Openning Tag>                              </Closing Tag>

هر Tag که باز می شود باید در جایی بسته شود .

تبصره 1 : بعضی از Tag ها نیازی به بسته شدن ندارند . مانند : <img>

تبصره 2 : بعضی از Tag ها قسمت آغازین و پایانی آنها یکی است . به این Tag ها ، Tag های خالی (Empty Tag) گفته می شود . مانند : </br>

تبصره 3 : در بعضی از Tag ها حتی اگر Tag پایانی را فراموش کنید باز هم به درستی کار می کنند.

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

  • Tag های تو در تو (Nested) :

همانطور که در بالا گفتیم محتوای Tag می تواند یک یا چند عنصر دیگر باشد که مابین قسمت آغازین و قسمت پایانی قرار می گیرد ، بنابراین در HTML می توان داخل Tag ها از Tag های دیگر استفاده کرد که به این حالت Tag های تو در تو گفته می شود .

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

مثال :                                                                                                       

<html>

<body>

</body>

</html>

۰ موافقین ۰ مخالفین ۰ ۱۱ آذر ۹۴ ، ۰۱:۴۰
سعید خندانی

چگونه یک صفحه HTML ایجاد کنیم

جهت نوشتن کدهای HTML می توان از نرم افزارهای ویرایشگر HTML یا HTML Editor Software  های متفاوت استفاده کرد .

 

برنامه هایی مانند :

Notepad

Notepad ++

Adobe Dreamweaver

CoffeeCup HTML Editor

HTML PAD

Brackets

Nuspher Php ED

Phpstorm

Sublime

در این کتاب از ویرایشگر ساده و آسان و در عین حال کاربردی Notepad استفاده شده است .

در قدم اول نرم افزار Notepad را باز کرده از منوی File گزینهSave As  را انتخاب کرده ، در قسمت File Name نام فایل با پسوند html را نوشته و در قسمت Encoding گزینه UTF-8 را (جهت نمایش صحیح کاراکترهای فارسی) انتخاب نمایید . حال میتوانید کدهای html خود را نوشته ، ذخیره نموده و با دابل کلیک روی فایل مربوطه وب سایت HTML خود را مشاهده نمایید . (توجه داشته باشید پس از یک بار اجرا کردن فایل HTML خود و اعمال تغییرات در کدهای برنامه نیازی به اجرای مجدد آن فایل نیست و تنها کافیست از دکمه Refresh مرورگر خود استفاده نمایید)

 

رفتن به قسمت دستورات نوشته شده (Source Code) :

  1. کافیست بر روی فایل خود کلیک راست نموده و از گزینه Open With گزینه Choose Program را انتخاب و بر روی برنامه Notepad کلیک کنید . توجه داشته باشید تیک گزینه Always Use The Selected Program To Open This Kind Of File نباید فعال باشد .
  2. برنامه Notepad را باز کرده از منوی File گزینه Open را انتخاب کرده و پس از آدرس دهی ، فایل خود را باز کنید .

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

۰ موافقین ۰ مخالفین ۰ ۱۱ آذر ۹۴ ، ۰۱:۳۴
سعید خندانی

امکانات HTML

  • به اشتراک گذاری منابع اطلاعاتی به صورت آنلاین و از طریق متن ها ، جدول ها ، لیست ها ، عکس ها و ...
  • دریافت آنها از طریق لینک ها و یا کلیک کردن بر روی یک دکمه
  • طراحی فرم ها به منظور تبادل اطلاعات با کامپیوتر های راه دور و به جهت جستجو ، ذخیره و مرتب سازی آنها و ...
  • قرار دادن کلیپ های ویدئویی ، صوتی و دیگر برنامه های کاربردی
  • و ...
۰ موافقین ۰ مخالفین ۰ ۱۱ آذر ۹۴ ، ۰۱:۳۱
سعید خندانی

تعریف HTML  

برنامه های تحت Web بصورت کلی به دو دسته تقسیم می شوند :

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

زبان HTML در ساخت صفحات استاتیک مورد استفاده قرار می گیرد . همچنین ظاهر صفحات وب را نیز می توان با آن تعیین نمود .

HTML مبتنی برمتن (Text Base) می باشد که ساختار آن را تگ ها (Tags) تشکیل می دهند . هر یک از تگ های HTML معنی و مفهوم خاصی دارند و تاثیر مشخصی بر محتوای صفحه می گذارند . مرورگرهای Web تک تک دستورات این صفحات را که همان Tag ها می باشد تفسیر نموده و در انتها خروجی را برای کاربر نمایش می دهند .

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

عموما تمامی زبانهای برنامه نویسی تحت وب به نوعی وابسته به HTML می باشند .

بطور مثال  PHP، JavaScript و برنامه نویسی دات نت ، علاوه بر دارا بودن قوانین و استانداردهای خود ، از HTML کمک می گیرند بطوریکه کدهای نوشته شده در قالب خاصی در بین کدهای HTML قرار داده می شود .

همانطور که گفته شد در یک صفحه HTML می توان از انواع عناصری از قبیل متن ، تیتر ، عکس ، جدول و … استفاده نمود ، که برای هر عنصر باید به ترتیب از تگ ابتدایی و انتهایی (<> … </>  ) مربوط به آن استفاده کرد .

به عنوان مثال :

 <HTML>

</HTML>

۰ موافقین ۰ مخالفین ۰ ۱۱ آذر ۹۴ ، ۰۱:۳۰
سعید خندانی

واژهHTML مخفف Hyper Text Markup Language به معنی زبان نشانه گذاری فرا متنی است که برای نشانه گذاری عناصر یک صفحه وب است ، بطوریکه یک مرورگر بتواند آن صفحه وب را به عناصر قابل رویت ترجمه کند و روی صفحه نمایشگر نشان دهد . چیزی که هنگام بازدید از یک صفحه اینترنتی مشاهده می کنید ، نتیجه ترجمه و تفسیر مرورگر شما از کدهای  html است .

مفهوم کلمات تشکیل دهنده اختصار HTML :

  • Language : این عبارت نشان دهنده این است که HTML یکی از زبانهای برنامه نویسی است . (البته بهتر است به جای عبارت برنامه نویسی از نشانه گذاری استفاده کنیم)
  • Markup : HTML بر خلاف بسیاری از زبانهای برنامه نویسی فاقد ساختار (دستور) هایی همچون ساختار شرطی ، حلقه ، توابع و ... می باشد و در عوض این زبان از ساختار ساده ای بنام Markup Tag یا به اختصار Tag (برچسب) تشکیل شده است .
  • Text : این عبارت نشان می دهد که یک برنامه به زبان HTML یک فایل متنی ساده بیشتر نیست . (در واقع مرورگر ها این فایل ساده متنی را خوانده و با توجه به دستورات داخل آن ، آن را به عناصر مختلف همچون عکس ها ، پاراگراف ها و ... تبدیل می کنند)
  • Hyper : در مقابل Linear قرار دارد .

زبانهای برنامه نویسی به دو دسته تقسیم میشوند :

  • Linear : به زبانهایی همچون C++ ، ASP ، Delphi و ... که باید دستورات به ترتیبی که نوشته شده اند (خط به خط) اجرا شوند و تا خطی از برنامه اجرا نشده خط بعدی اجرا نمی شود و در واقع الگوی خطی دارند می گویند .
  • Hyper : در مقابل زبانهایی هستند که الگوی خطی ندارند و خطا در یک خط از برنامه موجب توقف کل برنامه نمی شود که به آنها زبانهای Hyper می گویند .

همانطور که گفته شد HTML از عناصر علامت گذاری و یا Tag ها برای توضیح یک صفحه وب استفاده میکند . یادگیری این کدهای علامت گذاری به عنوان پایه ای برای یادگیری کلیه زبانهای برنامه نویسی تحت وب و یا طراحی صفحات وب الزامی می باشد .

سنگ بنای Web ، زبان HTML می باشد .

نسخه های HTML :

  • HTML 3.2
  • HTML 4.0
  • HTML 4.01
  • Html 5

۰ موافقین ۰ مخالفین ۰ ۱۰ آذر ۹۴ ، ۱۷:۳۰
سعید خندانی