8 تا 17 عصر 09146551804
جهت سفارش و طراحی سایت تماس بگیرید

HTML

رويدادهای موس در HTML

کدهای HTML و چگونگی تولید و اجرا

رويدادهای موس در HTML

رويدادهای موس در کنترل های base , br , frame , frameset , head , html , iframe , meta , param , script و title کاربرد ندارد .

رويدادهای موس در HTML شامل رویدادهای زیر میشود:

رویداد شرح
onclick اين رويداد در هنگام کليک کردن بر روی عنصر مورد نظر تحريک می شود .
ondblclick اين رويداد در هنگام دابل کليک کردن بر روی عنصر مورد نظر تحريک می شود .
onmousedown اين رويداد در هنگام فشردن دکمه موس بر روی عنصر مورد نظر تحريک می شود.
onmoouseover اين رويداد در هنگام قرار گرفتن اشاره گر موس بر روی سطح عنصر مورد نظر تحريک می شود .
onmouseout اين رويداد در هنگام خارج شدن اشاره گر موس از روی سطح عنصر مورد نظر تحريک می شود .
onmouseup اين رويداد در هنگام رها کردن دکمه موس بر روی عنصر مورد نظر تحريک می شود .

رويدادهای صفحه کليد در HTML

کدهای HTML و چگونگی تولید و اجرا

رويدادهای صفحه کليد در HTML

رويدادهای صفحه کليد در HTML  در کنترل های base , br , frame , frameset , head , html iframe , meta , param , script , style و title کاربرد ندارد .

رويدادهای صفحه کليد در HTML شامل رویدادهای زیر میشود:

رویداد شرح
onkeydown رويدادی که در هنگام فشردن يک کليد بر روی عنصر مورد نظر فعال می شود .
onkeypress رويدادی که در هنگام فشردن و رها کردن يک کليد بر روی عنصر مورد نظر فعال می شود .
onkeyup رويدادی که در هنگام رها کردن يک کليد فشرده شده بر روی عنصر مورد نظر فعال می شود .

مقدمات آموزش HTML

کدهای HTML و چگونگی تولید و اجرا

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

در زیر لیست مقالات مقدماتی آموزش html را مشاهده می نمایید:

ویژگی های عمومی در HTML

کدهای HTML و چگونگی تولید و اجرا

ویژگی های عمومی در HTML

ویژگی های عمومی (Global Attributes) در HTML  به شرح زیر میباشد.

  1. accesskey
  2. class
  3. contenteditable
  4. contextmenuelement
  5. dir
  6. draggable
  7. dropzone
  8. hidden
  9. id
  10. lang
  11. spellcheck
  12. style
  13. tabindex
  14. title
  15. translate
  16. Event Attributes

آموزش HTML

کدهای HTML و چگونگی تولید و اجرا

آموزش اچ تی ام ال ( آموزش html) پایه و اساس آموزش طراحی وب سایت و ایجاد وب سایت می باشد.

آموزش Html اصلی ترین بخش آموزش طراحی سایت است.

آموزش اچ تی ام ال ( آموزش html) پایه و اساس آموزش طراحی وب سایت و ایجاد وب سایت می باشد.

آموزش Html اصلی ترین بخش آموزش طراحی سایت است.

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

زبان اچ تی ام ال توسط دنیس ریچی ابداع و ثبت شد. html مخفف Hyper Text Markup Language به معنی زبان نشانه گزاری ابر متنی می باشد.

آموزش این زبان در کنار css میتواند شروعی باشد برای طراحی سایت حرفه ای. هر چقدر در آموزش Html، دقیق تر باشید، در آینده میتوانید طراح وب سایت حرفه ای تری باشید. حتی در صورتی که تنها اچ تی ام ال را فرا بگیرید، میتوانید سایت های استاتیک را به راحتی طراحی نمایید.

در اموزش html ، نرم افزار خاصی نیاز نیست و تنها با notepad ویندوز میتوانید شروع کنید. فایل های اچ تی ام ال تنها شامل متن هستند و از تگ ها (Tag) تشکیل شده اند. در مقالات اچ تی ام ال تمامی این موارد به ریز توضیح داده شده اند.

دانش عمومی طراحی وب سایت با یادگیری پایه ای HTML و CSS باعث می شود  وب سایت خود را با آخرین تکنولوژیهای طراحی وب سایت بسازید.

تمامی کدهای سروری که در آموزش Asp.net گفته می شود ، توسط مرورگر ها در نهایت به کدهای html تبدیل می گردد. از این رو هر چه  در کدهای html و تگ های html تسلط بیشتری داشته باشیم ، طراحی سایت بهتری خواهیم داشت. در مقالات html زیر میتوانید به سرعت در این امر پیشرفت داشته باشید. امیدواریم بخش آموزش اچ تی ام ال ما برای شما مفید باشد.


مقدمات آموزش HTML

ویژگی های رویداد در HTML

کدهای HTML و چگونگی تولید و اجرا

ویژگی های رویداد در HTML

در این بخش از آموزش HTML ، انواع رویدادها در HTML را شرح میدهیم. 

تمام عناصر در HTML میتواننند شامل رویدادهایی باشند. رويدادها مجموعه عمل هايی هستند که در صورت بروز يک اتفاق در صفحه ( مثل کليک کردن بر روی يک عنصر ، دابل کليک ، فشردن دکمه خاص و … ) عکس العمل نشان داده و باعث اجرای دستور يا دستورات تعيين شده برای آن اتفاق خاص می شوند .

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

 ویژگی های رویداد در HTML به چند قسمت زیر تقسم میشوند:

  • رويدادهای پنجره در HTML
  • رويدادهای عناصر فرم در HTML
  • رويدادهای موس در HTML
  • رويدادهای صفحه کليد در HTML

در هر بخش به توضیح کامل در مورد این رویدادها میپردازیم .

رويدادهای پنجره در HTML

کدهای HTML و چگونگی تولید و اجرا

رويدادهای پنجره در HTML

رويدادهای پنجره در HTML فقط در عنصرهای body و frameset معتبر هستند .

رويدادهای پنجره در HTML شامل رویدادهای زیر میشود:

رویداد شرح
onafterprint رويدادی است که بعد از پرینت شدن سند اجرا می شود.
onbeforeprint رويدادی است که قبل از پرینت شدن سند اجرا می شود.
onbeforeunload رويدادی است که قبل از اجرای (load) سند اجرا می شود.
onerror   رويدادی است که هنگام وقوع ارور اجرا می شود.
onhaschange رويدادی است که زمانی که سند تغییر میکند  اجرا می شود.
onload   رويدادی است که در هنگام لود شدن ( بار گذاری ) صفحه اجرا می شود .
onmessage  رويدادی است که در هنگام اجرا شدن یک پیغام اجرا می شود .
onoffline   رويدادی است که در هنگام offline شدن سند اجرا می شود.
ononline رويدادی است که در هنگام online شدن سند اجرا می شود.
onpagehide رويدادی است که در هنگام مخفی شدن پنجره اجرا می شود.
onpageshow رويدادی است که در هنگام آشکار شدن پنجره اجرا می شود.
onpopstate رويدادی است که در هنگام تغییر کردن history ویندوز اجرا می شود.
onredo   رويدادی است که در هنگام از نو اجرا شدن سند اجرا می شود.
onresize   رويدادی است که در هنگام تغییر سایز پنجره اجرا می شود.
onstorage  رويدادی است که در هنگام به روز رسانی وب سایت اجرا می شود.
onundo   رويدادی است که در هنگام خنثی شدن  سند اجرا می شود.
onunload رويدادی است که در هنگام خارج شدن صفحه از حافظه ( بستن ) اجرا می شود .


رويدادهای عناصر فرم در HTML

کدهای HTML و چگونگی تولید و اجرا

رويدادهای عناصر فرم در HTML

رويدادهای عناصر فرم در HTML فقط در عنصرهای کنترلی فرمها کاربرد دارند .

رويدادهای عناصر فرم در HTML شامل رویدادهای زیر میشود:

رویداد شرح
onblur در هنگام از دست دادن فوکوس کنترل تحريک می شود .
onchange در هنگام تغيير وضعيت يک کنترل تحريک می شود . برای مثال در کنترل textbox در هنگام تغيير متن درون آن تحريک می شود .
oncontextmenu رويدادی است که منوی صفحه راه اندازی میشود اجرا می شود .
onfocus در هنگامي که کنترل فوکوس را به دست می آورد ، تحريک می شود .
onformchange رويدادی است که هنگام تغییر کردن صفحه اجرا می شود .
onforminput رويدادی است که در هنگام وارد کردن اطلاعات در فرم توسط کاربر اجرا می شود .
oninput رويدادی است که در هنگام وارد کردن اطلاعات در عنصر توسط کاربر اجرا می شود
oninvalid رويدادی است که در هنگام نامعتبر بودن عنصر اجرا می شود.
onselect در هنگام انتخاب کردن عنصر مورد نظر در فرم تحريک می شود .
onsubmit در هنگام فشردن دکمه submit فرم و ارسال اطلاعات کنترل های فرم تحريک می شود .

خصوصيات استاندارد تگ های HTML

کدهای HTML و چگونگی تولید و اجرا

خصوصيات استاندارد تگ های HTML

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

خصوصيات اصلی تگ های اچ تی ام ال

نکته :  اين خاصيت ها در تگ های base , head , html , meta , param , style , title و script وجود ندارد .

نام خاصيت نوع خاصيت شرح
class نام کلاس عنصر مشخص کننده کلاس تگ در کد نويسی برنامه است . اين کلاس در کدنويسی CSS و زبان های اسکريپتی کاربرد دارد .
id id عنصر مشخص کننده يک شناسه منحصر به فرد برای تگ در درون سند HTML است . id هر تگ در کدنويسی CSS و زبان های اسکرپيتی کاربرد دارد . توسط id می توان به تگ مورد نظر دست يافت .
style   يک خاصيت چند مفدارِي است که خصوصيات قالب دهی و اعمال سبک ها ( CSS ) را برای تگ مورد نظر مشخص می کند .
title text
متن
متنی است که به صورت tooltip در يک کادر زرد رنگ ، در هنگام قرار گرفتن موس بر روی عنصر نمايش داده می شود .

خصوصيات زبان

نکته : اين خاصيت ها در تگ های base , br , frame , hr , iframe , param و script وجود ندارد .

نام خاصيت نوع خاصيت شرح
dir rtl
ltr
تعيين کننده جهت قرار گرفتن نوشته را تعيين می کند ، که يکی از ۲ حالت زير را می تواند داشته باشد :
ltr : چپ به راست
rtl : راست به چپ
language نام زبان مشخص کننده زبان برنامه نويسی کد مربوط به تگ است .

خصوصيات صفحه کليد

نام خاصيت نوع خاصيت شرح
accesskey کليد میانبر يک ميانبر صفحه کليد برای دستيابی به عنصر است .
tabindex عدد
number
شماره ترتيبی قرار کرفتن فوکوس صفحه بر روی عنصر مورد نظر را در هنگام فشردن کليد tab مشخص می کند .