ورود به سایت

ثبت نام در سایت

Registration confirmation will be e-mailed to you.

فراموشی رمز

3 × 2 =

بستن
بستن

ماشین حساب در HTML | چگونه در HTML ماشین حساب ایجاد کنیم؟

ماشین حساب در HTML | چگونه در HTML ماشین حساب ایجاد کنیم؟

کدنویسی ماشین حساب در HTML

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

تگ چیست؟

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

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


HTML :

در برنامه نویسی وبسایت ، زبان های مختلفی مورد استفاده قرار میگیرد که ، تگ HTML نشان دهنده این میباشد که ، زبان مورد استفاده شما زبان HTML میباشد.تمامی کد های نوشته شده برای سایت در داخل تگ HTML نوشته میشوند.به عنوان مثال : کدهای </Html>موردنظر<Html>


Head :

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


Title :

تگ Title یکی از مهم ترین تگ برای جستجوگر ها میباشد و نشان دهنده نام سایت یا عنوان آن میباشد.متن نوشته شده در داخل این تگ در title bar مرورگر نمایش داده میشود (ماشین حساب در HTML)

” ” =Text : نام رنگ مورد نظر برای نوشته خود را در این داخل این تگ بنویسید.برای مثال کلمه Gold به معنای رنگ طلایی میباشد

 ” “=form name : نام برنامه ای که قرار است نوشته شود در اینجا بنویسید.ما در اینجا Calculator یا همان ماشین حساب نوشته ایم.نام گذاری در این تگ دلخواه میباشد

input type : نوع ورودی را تعیین میکند.از این تگ برای انتخاب اطلاعات کاربران استفاده میشود.تگ <input> با توجه به ویژگی type میتواند به روشهای مختلف مورد استفاده قرار گیرد.انواع مختلفی که تگ <input> میتواند بگیرد شامل مقادیر زیر است.

text field
checkbox
password
radio button
submit button
و …

” “=onClick : نحوه ی شرح یک رویداد را مشخص میکند.مثلا وقتی روی یک دکمه کلیک کردید چه عملیاتی انجام گیرد.برای مثال برای دکمه ۶ کد ‘onClick=”document.calculator.ans.value+=’6 نوشته میشود

br : برای ایجاد سطر به کار میرود

(ماشین حساب در HTML)

مطالب مرتبط


گام 1 - کدهای ماشین حساب ساده

ماشین ،حساب در HTML

کد زیر را کپی کنید

کد زیر را انتخاب کنید و با استفاده از کلید های Ctrl + c کپی کنید

<html>
<head>
<title>HTML Calculator</title>
</head>
<body bgcolor= “#000000” text= “gold”>
<form name=”calculator” >
<input type=”buttonvalue=”1onClick=”document.calculator.ans.value+=’1′”>
<input type=”buttonvalue=”2onClick=”document.calculator.ans.value+=’2′”>
<input type=”buttonvalue=”3onClick=”document.calculator.ans.value+=’3′”>
<input type=”buttonvalue=”+onClick=”document.calculator.ans.value+=’+'”>

<input type=”buttonvalue=”4onClick=”document.calculator.ans.value+=’4′”>
<input type=”buttonvalue=”5onClick=”document.calculator.ans.value+=’5′”>
<input type=”buttonvalue=”6″ onClick=”document.calculator.ans.value+=’6′”>
<input type=”buttonvalue=”-” onClick=”document.calculator.ans.value+=’-‘”>

<input type=”buttonvalue=”7″ onClick=”document.calculator.ans.value+=’7′”>
<input type=”buttonvalue=”8″ onClick=”document.calculator.ans.value+=’8′”>
<input type=”buttonvalue=”9″ onClick=”document.calculator.ans.value+=’9′”>
<input type=”buttonvalue=”*” onClick=”document.calculator.ans.value+=’*'”>
<input type=”buttonvalue=”/” onClick=”document.calculator.ans.value+=’/'”>

<input type=”buttonvalue=”0″ onClick=”document.calculator.ans.value+=’0′”>
<input type=”resetvalue=”Reset”>
<input type=”buttonvalue=”=” onClick=”document.calculator.ans.value=eval(document.calculator.ans.value)”>
<br>Solution is <input type=”textfield” name=”ans” value=””>
</form>
</body>
</html>

ماشین حساب در HTMLماشین حساب در HTML

نرم افزار ویرایش متن (Notepad یا ++Notepad) را باز کنید

ماشین حساب در HTML

کد Html ماشین حساب را در ویرایشگر متن با استفاده از کلید های Ctrl + V  یا راست کلیک و انتخاب Paste جای گذاری کنید

ماشین حساب در HTML

سپس با استفاده از کلید های Ctrl + Alt+ s فایل را ذخیره کنید

ماشین حساب در HTMLماشین حساب در HTML

فرمت فایل را قبل از ذخیره به Html تغییر دهید

ماشین حسابماشین حساب در HTML

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

ماشین حساب در HTML

اطلاعات مطلب

  • طراحی وب
  • 1,942 بازدید
  • blankblankblankblankblank (7 votes, average: 5٫00 out of 5)
    blankLoading...
  • آخرین ویرایش توسط : فخر کامبیز - یکشنبه, 26 آوریل 20, 12:36 ب.ظ
  • ویکی هاو

دیدگاه کاربران

  1. Avatar
  2. Avatar
    احمد داوودی - 2020/04/25 - 6:31 ب.ظ
  3. فخر کامبیز
    فخر کامبیز - 2020/04/25 - 9:28 ب.ظ
  4. Avatar
    احمد داوودی - 2020/04/26 - 12:23 ق.ظ

دیدگاهتان را بنویسید

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

بهترین علوم و دانش برای شما گردآوری میشه

آخرین های آیا میدانید

از همه جا براتون مطلب داریم لطفا کلیک کنید

مطالب برگزیده

موضوعات مهم سایت

مطالب محبوب